HTML5 シングルページパズル

HTML5でパズルゲームを作った。 クロマル パズル PCの場合はカーソルキーで操作できる。スマートフォンでも十字キーで動くようになっている。 裏側の話を少しすると、、、 内部ロジックはTypeScriptで実装しており、メインとなるViewはcanvasだ。 TypeScriptの練習のために、学生の頃Javaで書いたものを移植したのが原型JavaScript初心者だった頃に作ったので、けっこう汚い。とりあえず公開できる状態にした。 うーん、、やっぱりタッチスクリーンで十字キーは使いにくいなぁ。 »

HTML5 Canvas drawImage vs putImageData

HTML5 Canvas で、drawImage と putImageData のどちらがパフォーマンスが良いか気になって調べてみた。 理由としては、imgタグからcanvasに転写するよりも、ImageData(配列で表現される画像ピクセルデータ)や別canvasを経由した方が実は早いのでは?と疑問に思ったからだ。 自分でベンチマークするまでも無く、先人がすでにjsperfで調査しているようだ。 http://jsperf.com/canvas-drawimage-vs-putimagedata/3 筆者のPCだと、drawImage(img) つまりimgタグからの転写が最速だった。 次いでputImageDataが早い。 ついでに、 »