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

Ilmari Heikkinen

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

アクセラレーションによって可能になる機能については、こちらの例をご覧ください。このデモでは、256 x 256 の PNG スプライトを 180 個変換してウィンドウ全体のキャンバスに描画し、N 体シミュレーションを実行してスプライト同士が引き寄せ合うようにしています。低電力のノートパソコンでも、1 秒あたり 30 ~ 60 フレームでスムーズに動作します。

アクセラレーションの実装にはまだ粗い部分が残っているため、一部のユースケースでパフォーマンスが低下する可能性があります(問題を修正できるよう、new.crbug.com から Chrome チームにご報告ください)。