Desynchronized WebGL canvas

概要

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

対応ブラウザ

基本構文

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

実務での使いどころ

• Desynchronized WebGL canvas の活用

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

注意点

アクセシビリティ

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

参考リンク

• MDN Web Docs — Desynchronized WebGL canvas