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

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-30

canvasまとめ

html5 javascript

基本 var CV = document.getElementById('canvas'); var CX = CV.getContext('2d'); canvasに対応しているかどうかは気にしない（気にするくらいだったら使わない）。 canvas自体のサイズを変える CV.width = 256; CV.height = 256; CV.style.widthとかをい…

2010-07-16

そのまえに

CSのどっかのチャンネルをみてると頻繁にCMが入るこれを再現するというのはどうだろう？http://www.primeshop.jp/goods?goods-code=04772

2010-07-16

最近のjsdo.it

html5 javascript

あんまりこっちを更新していなかったので最近jsdo.itに上げた分でお茶を濁す。 Catmull-Romを使ってマウスで曲線を描く http://jsdo.it/gct256/ghS9 棒人間を描くライブラリ http://jsdo.it/gct256/Bouningen ↑を使ってダンシング http://jsdo.it/gct256/hIZ…

2010-07-07

Firefox + MacBook-Proで加速度センサ

html5 javascript

http://journal.mycom.co.jp/news/2009/08/25/062/index.htmlによると、Firefoxの最近のものでは、MacBook-Proの加速度センサを検出できるようなので、試してみた。http://jsdo.it/gct256/qfRXiPhoneとかと違って、本体を傾けたりするのがいまいちやりづらい…