putImageDataによるCanvasの画像データ設定
スクリプトで描画されたグラフィックを保持するHTML5のCanvas要素には、描画内容（Canvasのビットマップ、ピクセルデータ）を配列で直接操作するフレームバッファ機能があります。このフレームバッファは、ImageDataオブジェクトの形で取得、設定が可能で、ImageDataオブジェクトのdataプロパティにある配列に数値を設定してCanvasコンテキストのputImageData()に渡すと、その数値データでWebページ上のCanvasに描画を行うことが出来ます。 数値の配列であれば、JavaScriptからでも高速に処理できるので、プログラムでピクセル毎に画像処理を行ったり描画内容を計算で作り出すようなWebアプリ開発では威力を発揮しそうですね。 まずは、JavaScriptで書き込んだ配列をCanvasに表示してみることにしましょう。 ImageDataのdataプロパティにあ
パーティクル3万個 - latest log
IE 10pp2 と iPad2 (iOS5) のスコアを追記しました iPhone4S (iOS5) のスコアを追記しました Firefox 4 から window.mozRequestAnimationFrame が利用可能になっています。 window.requestAnimationFrame / setTimeout(,4) / setInterval(, 16) で パーティクル3万個を飛ばすデモ。 ベンチマークマシンのスペック → MacBook (13-inch, Late 2009) - 技術仕様。 メモリ4GBに + BootCamp + Windows7 上で計測しています。 Windows エクスペリエンスインデックスの数値は、5.1 で、各項目は プロセッサ: 5.8 メモリ: 5.8 グラフィックス: 5.1 ゲーム用グラフィックス: 5.5 プライマリハードデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
