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が早い。 ついでに、 »

造語メーカー作ったよー

創作活動などで造語を作りたい人のために造語メーカー作りました。 造語メーカー これは、シンプルなWebアプリであり、インストールなどは不要ですぐに使う事ができます。 スマートフォンにも対応しています。 機能追加の予定アリです。 語感(母音指定)でキーワードを作る機能、ブラックリスト・ホワイトリスト機能、など。 裏側の事を少し書きます。 サーバーは node express アプリケーションになっていて、キーワードの生成はサーバーで行っています。 (実は、サーバーで生成する必要性はあまり無いのですが・・・) フロントエンドは、jQuery + Bootstrap です。 一晩で作っています。 »