Desynchronized WebGL2 canvas

概要

WebGL 2.0 コンテキストの desynchronized オプションにより、合成をバイパスした低レイテンシ描画を実現します。

対応ブラウザ

基本構文

const gl = canvas.getContext('webgl2', {
  desynchronized: true,
  preserveDrawingBuffer: true
});

実務での使いどころ

• Desynchronized WebGL2 canvas の活用

  WebGL2の非同期描画オプション。低レイテンシ3D描画に使用。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — Desynchronized WebGL2 canvas