テレビの砂嵐

html5 canvas

画像を使用せずに、canvasでテレビの砂嵐を描くチュートリアルとhttp://jsdo.it/hakobera/nZe4を見て自分で書くならどうするか考えてみた。 fillRectじゃなくてImageDataを使ったほうが早いかも砂嵐といったら白黒というイメージアニメーションもさせたい …

2010-11-16

最近jsdo.itに投下したもの

html5 canvas css3

最近ネタ色強め。次からはちゃんと一つ作るごとにこっちにも書くようにしよう。

2010-10-07

canvas要素の面倒なところ

html5 canvas

面倒かどうかだけで、優劣とかとは別の話。間違い・勘違いがあるかもしれません。動的な色の指定が面倒くさい context.fillStyle = 'rgba(255,255,255,' + alpha + ')'; context.strokeStyle = 'rgb(' + v + ',' + v + ',' + v + ')'; 文字列連結とかきれい…

2010-07-30

塗りつぶし図形の境目の問題

html5 javascript canvas

こんな描画コードを実行するとする。 CX.beginPath(); CX.moveTo(20, 20); CX.lineTo(100, 20); CX.lineTo(20, 100); CX.fill(); CX.beginPath(); CX.moveTo(100,20); CX.lineTo(100,100); CX.lineTo(20,100); CX.fill(); ↓こんな結果を期待するのだけれども…

2010-07-06

Catmull-Romスプライン曲線

html5 canvas

http://jsdo.it/gct256/tCjb