OffscreenCanvas
2018年9月にリリースされたChrome 69からOffscreenCanvas(オフスクリーンキャンバス)が標準で利用できるようになりました。
OffscreenCanvasはWeb Workers(ウェブワーカーズ)を使用してWorkerスレッドで描画処理を行える機能です。 負荷の高い描画処理をWorkerスレッドに移動することで、メインスレッドの負担が軽くなり、余裕ができます。これによりメインスレッドでスムーズなユーザー操作を実現できるようになり、ユーザー体験の向上が期待できます。
本記事ではOffscreenCanvasについて機能と使い方を解説します。
アニメーションフレーム毎に同じ描画操作を繰り返していることに気づいたら、あらかじめオフスクリーンキャンバスに描画しておくことを検討しましょう。