2D キャンバスで GPU アクセラレーションを利用する

Ilmari Heikkinen

2 月には、Chrome の 2D キャンバスにハードウェア アクセラレーションが採用されました。GPU を使用して drawImage を実行するため、アクセラレーションにより 2D スプライトの描画が非常に高速になります。

アクセラレーションで可能になる内容については、こちらの例をご覧ください。このデモでは、フルウィンドウのキャンバスに 180 個の変換された 256x256 の PNG スプライトを描画し、それらに対して N 体シミュレーションを実行して、スプライトが互いに引き付けられるようにします。低出力のノートパソコンなら、毎秒 30 ~ 60 フレームでスムーズに動作します。

アクセラレーションの実装にはまだ難しい面があるため、ユースケースによってはパフォーマンスが低下する可能性があります(修正いたしますので、new.crbug.com を通じて Chrome チームにお知らせください)。