Widely available すべての主要ブラウザで対応済み。安心して使用可能。
その他 Widely available

WebGL2

WebGL 2.0 は OpenGL ES 3.0 ベースで、Transform Feedback、マルチサンプルレンダーバッファなど高度な機能を提供します。

その他

概要

WebGL 2.0 は OpenGL ES 3.0 ベースで、Transform Feedback、マルチサンプルレンダーバッファなど高度な機能を提供します。

対応ブラウザ

デスクトップ

Chrome 56+
Edge 79+
Safari 15+
Firefox 51+

モバイル

Chrome Android 58+
Safari iOS 15+
Firefox Android 51+

基本構文

JAVASCRIPT 
<canvas id="gl2" width="400" height="300"></canvas>
<script>
const gl = document.getElementById('gl2').getContext('webgl2');
gl.clearColor(0.1, 0.1, 0.1, 1.0);
gl.clear(gl.COLOR_BUFFER_BIT);
</script>

実務での使いどころ

  • WebGL2 の活用

    WebGL 2.0。OpenGL ES 3.0ベースの高度な3D描画API。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

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

参考リンク