Processing.js で水滴っぽいもの - jsdo.it - Share JavaScript, HTML5 and CSS
Processing.js で水滴っぽいものを描いてみました。 描画ごとに円を大きくしていって、それに合わせて透明にしているだけ。 全画面対応しています。 <script type="application/processing"> int field_width = screenWidth; int field_height = screenHeight; float radius_min = 30.0; float radius_max = 100.0; float radius_unit = 0.7; int master_r = 255; int master_g = 191; int master_b = 255; WaterDrop water_drops = new WaterDrop[ 100 ]; void setup() { size( field_width, fie
Canvas ブレンドモードテスト - jsdo.it - Share JavaScript, HTML5 and CSS
var IMG_A_URL = 'http://jsrun.it/assets/4/v/J/P/4vJPj.png', IMG_B_URL = 'http://jsrun.it/assets/b/p/i/k/bpikR.png', SCREEN_WIDTH = 465, SCREEN_HEIGHT = 465, imageA, canvasA, contextA, imageDataA, imageB, canvasB, contextB, imageDataB, modeSelect, timeDisplay, count = 2; // Init window.addEventListener('DOMContentLoaded', function() { canvasA = document.getElementById('c'); canvasB = document.creat
三角関数を使ったjavascriptアニメーション - jsdo.it - Share JavaScript, HTML5 and CSS
自分の練習用です。 ボタンを押すと、回転点が増えます。 いっぱい作ると、沢山の点がウネウネ動いて気持ち悪いですww /*参考サイト：http://amachang.sakura.ne.jp/misc/ut/*/ var el = document.getElementById('obj'); el.style.position = 'absolute'; el.style.top = '0px'; var sineWaveX = function(x) { return (Math.sin(x * Math.PI) / 2) + 0.5; }; var sineWaveY = function(y){ return (Math.cos(y * Math.PI) / 2) + 0.5; }; function circleMove(w,h,element) { var x = 0; var
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVGの練習 jsで動的に生成 - jsdo.it - Share JavaScript, HTML5 and CSS
あれ？webkitでもtext-align: justify効いてる？ - jsdo.it - Share JavaScript, HTML5 and CSS
