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

WebGL2

注: この機能は Web Workers で利用可能です。

`WebGL2RenderingContext` インターフェイスは、HTML の `<canvas>` 要素の描画サーフェスに OpenGL ES 3.0 レンダリングコンテキストを提供します。

このインターフェイスのオブジェクトを取得するには、`<canvas>` 要素で `getContext()` を呼び出し、引数に `"webgl2"` を指定します。

```js const canvas = document.getElementById("myCanvas"); const gl = canvas.getContext("webgl2"); ```

注: WebGL 2 は WebGL 1 の拡張です。`WebGL2RenderingContext` インターフェイスは `WebGLRenderingContext` インターフェイスのすべてのメンバーを実装しています。WebGL 1 コンテキストの一部のメソッドは、WebGL 2 コンテキストで使用された場合に追加の値を受け入れることができます。この情報は WebGL 1 のリファレンスページに記載されています。

WebGL チュートリアルには、WebGL の始め方についてより多くの情報、例、リソースが掲載されています。

その他

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
WebGL2RenderingContext
56
79
51
15
58
15
getContext (webgl2 context)

WebGL2コンテキスト
56
79
51
15
56
15
getContext (webgl2 context options alpha parameter)

options.alpha`パラメータ
56
79
30
15
56
15
getContext (webgl2 context options failIfMajorPerformanceCaveat parameter)

options.failIfMajorPerformanceCaveat`パラメータ
56
79
41
15
56
15
getContext (webgl2 context options powerPreference parameter)

options.powerPreference`パラメータ
75
79
63
15
75
15
activeTexture

WebGLRenderingContext.activeTexture() は WebGL API のメソッドで、どのテクスチャユニットをアクティブにするかを指定します。
56
79
51
15
58
15
attachShader

WebGLRenderingContext.attachShader() は WebGL API のメソッドで、フラグメントか頂点のどちらかの WebGLShader を WebGLProgram にアタッチします。
56
79
51
15
58
15
beginQuery

WebGL 2 API の WebGL2RenderingContext.beginQuery() メソッドは、非同期クエリを開始します。 target パラメータは、どの種類のクエリを開始するかを示します。
56
79
51
15
58
15
beginTransformFeedback

WebGL 2 API の WebGL2RenderingContext.beginTransformFeedback() メソッドは、変換フィードバック操作を開始します。
56
79
51
15
58
15
bindAttribLocation

WebGL API の WebGLRenderingContext.bindAttribLocation() メソッドは、汎用頂点インデックスを属性変数にバインドします。
56
79
51
15
58
15
bindBuffer

WebGLRenderingContext.bindBuffer() は WebGL API のメソッドで、指定された WebGLBuffer をターゲットに結合します。
56
79
51
15
58
15
bindBufferBase

WebGL 2 API の WebGL2RenderingContext.bindBufferBase() メソッドは、指定された WebGLBuffer を、指定されたインデックスの指定されたバインディング ポイント (ターゲット) にバインドします。
56
79
51
15
58
15
bindBufferRange

WebGL 2 API の WebGL2RenderingContext.bindBufferRange() メソッドは、指定された WebGLBuffer の範囲を、指定されたインデックスの指定されたバインディング ポイント (ターゲット) にバインドします。
56
79
51
15
58
15
bindFramebuffer

WebGL API の WebGLRenderingContext.bindFramebuffer() メソッドは、指定されたターゲットに提供された WebGLFramebuffer、または Framebuffer 引数が null の場合は、キャンバス レンダリング コンテキストに関連付けられたデフォルトの WebGLFramebuffer にバインドします。
56
79
51
15
58
15
bindRenderbuffer

WebGL API の WebGLRenderingContext.bindRenderbuffer() メソッドは、指定された WebGLRenderbuffer をターゲット (gl.RENDERBUFFER である必要があります) にバインドします。
56
79
51
15
58
15
bindSampler

WebGL 2 API の WebGL2RenderingContext.bindSampler() メソッドは、渡された WebGLSampler オブジェクトを、渡されたインデックスのテクスチャ ユニットにバインドします。
56
79
51
15
58
15
bindTexture

WebGL API の WebGLRenderingContext.bindTexture() メソッドは、指定された WebGLTexture をターゲット (バインディング ポイント) にバインドします。
56
79
51
15
58
15
bindTransformFeedback

WebGL 2 API の WebGL2RenderingContext.bindTransformFeedback() メソッドは、渡された WebGLTransformFeedback オブジェクトを現在の GL 状態にバインドします。
56
79
51
15
58
15
bindVertexArray

WebGL 2 API の WebGL2RenderingContext.bindVertexArray() メソッドは、渡された WebGLVertexArrayObject オブジェクトをバッファにバインドします。
56
79
51
15
58
15
blendColor

WebGL API の WebGLRenderingContext.blendColor() メソッドは、ソースと宛先のブレンド係数を設定するために使用されます。
56
79
51
15
58
15
blendEquation

WebGL API の WebGLRenderingContext.blendEquation() メソッドは、RGB ブレンド方程式とアルファ ブレンド方程式の両方を 1 つの方程式に設定するために使用されます。
56
79
51
15
58
15
blendEquationSeparate

WebGL API の WebGLRenderingContext.blendEquationSeparate() メソッドは、RGB ブレンド方程式とアルファ ブレンド方程式を個別に設定するために使用されます。
56
79
51
15
58
15
blendFunc

WebGL API の WebGLRenderingContext.blendFunc() メソッドは、ピクセル演算のブレンドにどの関数が使用されるかを定義します。
56
79
51
15
58
15
blendFuncSeparate

WebGL API の WebGLRenderingContext.blendFuncSeparate() メソッドは、RGB コンポーネントとアルファ コンポーネントのピクセル演算を個別にブレンドするために使用される関数を定義します。
56
79
51
15
58
15
blitFramebuffer

WebGL 2 API の WebGL2RenderingContext.blitFramebuffer() メソッドは、ピクセルのブロックを読み取りフレームバッファから描画フレームバッファに転送します。読み取りおよび描画フレームバッファは、WebGLRenderingContext.bindFramebuffer() を使用してバインドされます。
56
79
51
15
58
15
bufferData

WebGL API の WebGL2RenderingContext.bufferData() メソッドは、バッファ オブジェクトのデータ ストアを作成して初期化します。
56
79
51
15
58
15
bufferSubData

WebGL API の WebGL2RenderingContext.bufferSubData() メソッドは、バッファ オブジェクトのデータ ストアのサブセットを更新します。
56
79
51
15
58
15
canvas

WebGLRenderingContext.canvas プロパティは、コンテキストに関連付けられた HTMLCanvasElement または OffscreenCanvas オブジェクトへの読み取り専用の参照です。また、 canvas 要素や OffscreenCanvas オブジェクトに関連付けられていない場合、 null になる可能性があります。
56
79
51
15
58
15
checkFramebufferStatus

WebGL API の WebGLRenderingContext.checkFramebufferStatus() メソッドは、WebGLFramebuffer オブジェクトの完全性ステータスを返します。
56
79
51
15
58
15
clear

WebGL API の WebGLRenderingContext.clear() メソッドは、バッファーをプリセット値で消去します。
56
79
51
15
58
15
clearBufferfi

WebGL 2 API の WebGL2RenderingContext.clearBuffer[fiuv]() メソッドは、現在バインドされているフレームバッファからバッファをクリアします。
56
79
51
15
58
15
clearBufferfv

WebGL 2 API の WebGL2RenderingContext.clearBuffer[fiuv]() メソッドは、現在バインドされているフレームバッファからバッファをクリアします。
56
79
51
15
58
15
clearBufferiv

WebGL 2 API の WebGL2RenderingContext.clearBuffer[fiuv]() メソッドは、現在バインドされているフレームバッファからバッファをクリアします。
56
79
51
15
58
15
clearBufferuiv

WebGL 2 API の WebGL2RenderingContext.clearBuffer[fiuv]() メソッドは、現在バインドされているフレームバッファからバッファをクリアします。
56
79
51
15
58
15
clearColor

WebGL API の WebGLRenderingContext.clearColor() メソッドは、カラーバッファーの消去に使われる色の値を指定します。
56
79
51
15
58
15
clearDepth

WebGL API の WebGLRenderingContext.clearDepth() メソッドは、深度バッファーを消去する値を指定します。
56
79
51
15
58
15
clearStencil

WebGL API の WebGLRenderingContext.clearStencil() メソッドは、ステンシルバッファーを消去する値を指定します。
56
79
51
15
58
15
clientWaitSync

WebGL 2 API の WebGL2RenderingContext.clientWaitSync() メソッドは、WebGLSync オブジェクトがシグナルされるか、指定されたタイムアウトが経過するまでブロックして待機します。
56
79
51
15
58
15
colorMask

WebGL API の WebGLRenderingContext.colorMask() メソッドは、WebGLFramebuffer への描画またはレンダリング時にどのカラー コンポーネントを有効または無効にするかを設定します。
56
79
51
15
58
15
compileShader

WebGLRenderingContext.compileShader() は WebGL API のメソッドで、 GLSL シェーダーをバイナリーへコンパイルします。これは WebGLProgram で使用することができます。
56
79
51
15
58
15
compressedTexImage2D

WebGL API の WebGLRenderingContext インターフェイスの CompressedTexImage2D() メソッドは、圧縮形式の 2 次元テクスチャ イメージを指定します。
56
79
51
15
58
15
compressedTexImage3D

WebGL API の WebGL2RenderingContext インターフェイスの CompressedTexImage3D() メソッドは、圧縮形式の 3 次元テクスチャ イメージを指定します。
56
79
51
15
58
15
compressedTexSubImage2D

WebGL API の WebGLRenderingContext インターフェイスの CompressedTexSubImage2D() メソッドは、圧縮形式のテクスチャ イメージの 2 次元サブ四角形を指定します。
56
79
51
15
58
15
compressedTexSubImage3D

WebGL API の WebGL2RenderingContext インターフェイスの CompressedTexSubImage3D() メソッドは、圧縮形式のテクスチャ イメージの 3 次元サブ四角形を指定します。
56
79
51
15
58
15
copyBufferSubData

WebGL 2 API の WebGL2RenderingContext.copyBufferSubData() メソッドは、バッファーのデータの一部を別のバッファーにコピーします。
56
79
51
15
58
15
copyTexImage2D

WebGL API の WebGLRenderingContext インターフェイスの copyTexImage2D() メソッドは、現在の WebGLFramebuffer からピクセルを 2D テクスチャ イメージにコピーします。
56
79
51
15
58
15
copyTexSubImage2D

WebGL API の WebGLRenderingContext インターフェイスの copyTexSubImage2D() メソッドは、現在の WebGLFramebuffer から 2D テクスチャ サブイメージにピクセルをコピーします。
56
79
51
15
58
15
copyTexSubImage3D

WebGL API の WebGL2RenderingContext インターフェイスの copyTexSubImage3D() メソッドは、現在の WebGLFramebuffer から 3D テクスチャ サブイメージにピクセルをコピーします。
56
79
51
15
58
15
createBuffer

WebGLRenderingContext.createBuffer() は WebGL API のメソッド で、頂点や色といったデータを格納する WebGLBuffer を作成、初期化します。
56
79
51
15
58
15
createFramebuffer

WebGL API の WebGLRenderingContext.createFramebuffer() メソッドは、 を作成し、初期化します。
56
79
51
15
58
15
createProgram

WebGL API の WebGLRenderingContext.createProgram() メソッドは、WebGLProgram オブジェクトを作成、初期化します。
56
79
51
15
58
15
createQuery

WebGL 2 API の WebGL2RenderingContext.createQuery() メソッドは、情報を非同期にクエリする方法を提供する WebGLQuery オブジェクトを作成および初期化します。
56
79
51
15
58
15
createRenderbuffer

WebGL API の WebGLRenderingContext.createRenderbuffer() メソッドは、 オブジェクトを作成し、初期化します。
56
79
51
15
58
15
createSampler

WebGL 2 API の WebGL2RenderingContext.createSampler() メソッドは、WebGLSampler オブジェクトを作成して初期化します。
56
79
51
15
58
15
createShader

WebGLRenderingContext の createShader() は WebGL API のメソッドで、 WebGLShader を作成します。それからさらに、 WebGLRenderingContext.shaderSource() と WebGLRenderingContext.compileShader() を用いて設定できます。
56
79
51
15
58
15
createTexture

WebGL API の WebGLRenderingContext.createTexture() メソッドは、WebGLTexture オブジェクトを作成して初期化します。
56
79
51
15
58
15
createTransformFeedback

WebGL 2 API の WebGL2RenderingContext.createTransformFeedback() メソッドは、WebGLTransformFeedback オブジェクトを作成して初期化します。
56
79
51
15
58
15
createVertexArray

WebGL 2 API の WebGL2RenderingContext.createVertexArray() メソッドは、頂点配列データを指す頂点配列オブジェクト (VAO) を表し、頂点データのさまざまなセットに名前を提供する WebGLVertexArrayObject オブジェクトを作成して初期化します。
56
79
51
15
58
15
cullFace

WebGL API の WebGLRenderingContext.cullFace() メソッドは、前面および/または背面のポリゴンをカリングできるかどうかを指定します。
56
79
51
15
58
15
deleteBuffer

WebGL API の WebGLRenderingContext.deleteBuffer() メソッドは、指定された WebGLBuffer を削除します。 バッファがすでに削除されている場合、このメソッドは効果がありません。 通常、このメソッドを自分で呼び出す必要はありません。バッファ オブジェクトが逆参照されると、解放としてマークされます。
56
79
51
15
58
15
deleteFramebuffer

WebGL API の WebGLRenderingContext.deleteFramebuffer() メソッドは、指定された WebGLFramebuffer オブジェクトを削除します。 フレーム バッファがすでに削除されている場合、このメソッドは効果がありません。
56
79
51
15
58
15
deleteProgram

WebGL API の WebGLRenderingContext.deleteProgram() メソッドは、指定された WebGLProgram オブジェクトを削除します。 プログラムがすでに削除されている場合、このメソッドは効果がありません。
56
79
51
15
58
15
deleteQuery

WebGL 2 API の WebGL2RenderingContext.deleteQuery() メソッドは、指定された WebGLQuery オブジェクトを削除します。
56
79
51
15
58
15
deleteRenderbuffer

WebGL API の WebGLRenderingContext.deleteRenderbuffer() メソッドは、指定された WebGLRenderbuffer オブジェクトを削除します。 レンダー バッファーがすでに削除されている場合、このメソッドは効果がありません。
56
79
51
15
58
15
deleteSampler

WebGL 2 API の WebGL2RenderingContext.deleteSampler() メソッドは、指定された WebGLSampler オブジェクトを削除します。
56
79
51
15
58
15
deleteShader

WebGL API の WebGLRenderingContext.deleteShader() メソッドは、指定された WebGLShader オブジェクトに削除のマークを付けます。 その後、シェーダが使用されなくなると削除されます。 シェーダーがすでに削除されている場合、このメソッドは効果がなく、WebGLShader はガベージ コレクターによって破棄されるときに自動的に削除対象としてマークされます。
56
79
51
15
58
15
deleteSync

WebGL 2 API の WebGL2RenderingContext.deleteSync() メソッドは、指定された WebGLSync オブジェクトを削除します。
56
79
51
15
58
15
deleteTexture

WebGL API の WebGLRenderingContext.deleteTexture() メソッドは、指定された WebGLTexture オブジェクトを削除します。 テクスチャがすでに削除されている場合、このメソッドは効果がありません。
56
79
51
15
58
15
deleteTransformFeedback

WebGL 2 API の WebGL2RenderingContext.deleteTransformFeedback() メソッドは、指定された WebGLTransformFeedback オブジェクトを削除します。
56
79
51
15
58
15
deleteVertexArray

WebGL 2 API の WebGL2RenderingContext.deleteVertexArray() メソッドは、指定された WebGLVertexArrayObject オブジェクトを削除します。
56
79
51
15
58
15
depthFunc

WebGL API の WebGLRenderingContext. DepthFunc() メソッドは、受信ピクセル深度を現在の深度バッファー値と比較する関数を指定します。
56
79
51
15
58
15
depthMask

WebGL API の WebGLRenderingContext. DepthMask() メソッドは、深度バッファへの書き込みを有効にするか無効にするかを設定します。
56
79
51
15
58
15
depthRange

WebGL API の WebGLRenderingContext. DepthRange() メソッドは、正規化されたデバイス座標からウィンドウまたはビューポート座標への深度範囲マッピングを指定します。
56
79
51
15
58
15
detachShader

WebGL API の WebGLRenderingContext.detachShader() メソッドは、以前にアタッチされた WebGLShader を WebGLProgram から切り離します。
56
79
51
15
58
15
disable

WebGL API の WebGLRenderingContext.disable() メソッドは、このコンテキストの特定の WebGL 機能を無効にします。
56
79
51
15
58
15
disableVertexAttribArray

WebGL API の WebGLRenderingContext.disableVertexAttribArray() メソッドは、指定されたインデックス位置で汎用頂点属性配列をオフにします。
56
79
51
15
58
15
drawArrays

WebGL API の WebGLRenderingContext.drawArrays() メソッドは、配列データからプリミティブを描画します。
56
79
51
15
58
15
drawArraysInstanced

WebGL 2 API の WebGL2RenderingContext.drawArraysInstanced() メソッドは、WebGLRenderingContext.drawArrays() メソッドと同様に、配列データからプリミティブをレンダリングします。さらに、要素の範囲の複数のインスタンスを実行できます。
56
79
51
15
58
15
drawBuffers

WebGL 2 API の WebGL2RenderingContext.drawBuffers() メソッドは、フラグメント カラーが書き込まれる描画バッファを定義します。描画バッファ設定は、現在バインドされているフレームバッファ、またはフレームバッファがバインドされていない場合は描画バッファの状態の一部です。
56
79
51
15
58
15
drawElements

WebGLRenderingContext.drawElements() は WebGL API のメソッドで、配列データのプリミティブを描画します。
56
79
51
15
58
15
drawElementsInstanced

WebGL 2 API の WebGL2RenderingContext.drawElementsInstanced() メソッドは、WebGLRenderingContext.drawElements() メソッドと同様に、配列データからプリミティブをレンダリングします。さらに、要素セットの複数のインスタンスを実行できます。
56
79
51
15
58
15
drawingBufferFormat
実験的
122
122
122
drawingBufferHeight

WebGLRenderingContext.drawingBufferHeight は読み取り専用のプロパティで、現在の描画バッファーの実際の高さを表します。これは、このコンテキストに関連付けられた canvas 要素の height 属性と一致すべきですが、実装がリクエストされた高さを提供できない場合は異なるかもしれません。
56
79
51
15
58
15
drawingBufferStorage
実験的
122
122
122
drawingBufferWidth

WebGLRenderingContext.drawingBufferWidth は読み取り専用のプロパティで、現在の描画バッファーの実際の幅を表します。これは、このコンテキストに関連付けられた canvas 要素の width 属性と一致すべきですが、実装がリクエストされた幅を提供できない場合は異なるかもしれません。
56
79
51
15
58
15
drawRangeElements

WebGL API の WebGL2RenderingContext.drawRangeElements() メソッドは、指定された範囲の配列データからプリミティブをレンダリングします。
56
79
51
15
58
15
enable

WebGL API の WebGLRenderingContext.enable() メソッドは、このコンテキストの特定の WebGL 機能を有効にします。
56
79
51
15
58
15
enableVertexAttribArray

WebGL API の一部である WebGLRenderingContext メソッド EnableVertexAttribArray() は、属性配列のリストの指定されたインデックスにある汎用頂点属性配列をオンにします。
56
79
51
15
58
15
endQuery

WebGL 2 API の WebGL2RenderingContext.endQuery() メソッドは、特定のクエリ ターゲットの終了をマークします。
56
79
51
15
58
15
endTransformFeedback

WebGL 2 API の WebGL2RenderingContext.endTransformFeedback() メソッドは、変換フィードバック操作を終了します。
56
79
51
15
58
15
fenceSync

WebGL 2 API の WebGL2RenderingContext.fenceSync() メソッドは、新しい WebGLSync オブジェクトを作成し、それを GL コマンド ストリームに挿入します。
56
79
51
15
58
15
finish

WebGL API の WebGLRenderingContext.finish() メソッドは、以前に呼び出されたコマンドがすべて終了するまで実行をブロックします。
56
79
51
15
58
15
flush

WebGL API の WebGLRenderingContext.flush() メソッドはさまざまなバッファ コマンドを空にし、すべてのコマンドができるだけ早く実行されるようにします。
56
79
51
15
58
15
framebufferRenderbuffer

WebGL API の WebGLRenderingContext.framebufferRenderbuffer() メソッドは、WebGLRenderbuffer オブジェクトを WebGLFramebuffer オブジェクトにアタッチします。
56
79
51
15
58
15
framebufferTexture2D

WebGLRenderingContext.framebufferTexture2D() は WebGL API のメソッドで、テクスチャを WebGLFramebuffer に割り当てます。
56
79
51
15
58
15
framebufferTextureLayer

WebGL 2 API の WebGL2RenderingContext.framebufferTextureLayer() メソッドは、テクスチャの単一レイヤーをフレームバッファにアタッチします。
56
79
51
15
58
15
frontFace

WebGL API の WebGLRenderingContext.frontFace() メソッドは、曲がりくねった方向を設定することによって、ポリゴンが表向きか裏向きかを指定します。
56
79
51
15
58
15
generateMipmap

WebGL API の WebGLRenderingContext.generateMipmap() メソッドは、WebGLTexture オブジェクトのミップマップのセットを生成します。
56
79
51
15
58
15
getActiveAttrib

WebGL API の WebGLRenderingContext.getActiveAttrib() メソッドは、頂点属性のサイズ、タイプ、名前を含む WebGLActiveInfo オブジェクトを返します。 これは通常、デバッグまたは汎用ライブラリの作成のために未知の属性をクエリするときに使用されます。
56
79
51
15
58
15
getActiveUniform

WebGL API の WebGLRenderingContext.getActiveUniform() メソッドは、Uniform 属性のサイズ、タイプ、名前を含む WebGLActiveInfo オブジェクトを返します。 これは通常、デバッグまたは汎用ライブラリの作成のために未知のユニフォームをクエリするときに使用されます。
56
79
51
15
58
15
getActiveUniformBlockName

WebGL 2 API の WebGL2RenderingContext.getActiveUniformBlockName() メソッドは、WebGLProgram 内の指定されたインデックスにあるアクティブなユニフォーム ブロックの名前を取得します。
56
79
51
15
58
15
getActiveUniformBlockParameter

WebGL 2 API の WebGL2RenderingContext.getActiveUniformBlockParameter() メソッドは、WebGLProgram 内のアクティブなユニフォーム ブロックに関する情報を取得します。
56
79
51
15
58
15
getActiveUniforms

WebGL 2 API の WebGL2RenderingContext.getActiveUniforms() メソッドは、WebGLProgram 内のアクティブなユニフォームに関する情報を取得します。
56
79
51
15
58
15
getAttachedShaders

WebGL API の WebGLRenderingContext.getAttachedShaders() メソッドは、WebGLProgram にアタッチされた WebGLShader オブジェクトのリストを返します。
56
79
51
15
58
15
getAttribLocation

WebGLRenderingContext.getAttribLocation() は WebGL API のメソッドで、指定された WebGLProgram 内の属性の場所を返します。
56
79
51
15
58
15
getBufferParameter

WebGL API の WebGLRenderingContext.getBufferParameter() メソッドは、バッファに関する情報を返します。
56
79
51
15
58
15
getBufferSubData

WebGL 2 API の WebGL2RenderingContext.getBufferSubData() メソッドは、バッファー バインディング ポイントからデータを読み取り、ArrayBuffer または SharedArrayBuffer に書き込みます。
56
79
51
15
58
15
getContextAttributes

WebGLRenderingContext.getContextAttributes() メソッドは、実際のコンテキスト パラメーターを含む WebGLContextAttributes オブジェクトを返します。 コンテキストが失われた場合は、null を返す可能性があります。
56
79
51
15
58
15
getError

WebGL API の WebGLRenderingContext.getError() メソッドは、エラー情報を返します。
56
79
51
15
58
15
getExtension

WebGLRenderingContext.getExtension() メソッドは、WebGL 拡張機能を有効にします。
56
79
51
15
58
15
getFragDataLocation

WebGL 2 API の WebGL2RenderingContext.getFragDataLocation() メソッドは、ユーザー定義の可変変数への色番号のバインディングを返します。
56
79
51
15
58
15
getFramebufferAttachmentParameter

WebGL API の WebGLRenderingContext.getFramebufferAttachmentParameter() メソッドは、フレームバッファのアタッチメントに関する情報を返します。
56
79
51
15
58
15
getIndexedParameter

WebGL 2 API の WebGL2RenderingContext.getIndexedParameter() メソッドは、指定されたターゲットに関するインデックス付き情報を返します。
56
79
51
15
58
15
getInternalformatParameter

WebGL 2 API の WebGL2RenderingContext.getInternalformatParameter() メソッドは、実装に依存する内部形式のサポートに関する情報を返します。
56
79
51
15
58
15
getParameter

WebGL API の WebGLRenderingContext.getParameter() メソッドは、渡されたパラメータ名の値を返します。
56
79
51
15
58
15
getProgramInfoLog

WebGLRenderingContext.getProgramInfoLog は、指定された WebGLProgram オブジェクトの情報ログを返します。 これには、WebGLProgram オブジェクトのリンクまたは検証の失敗中に発生したエラーが含まれています。
56
79
51
15
58
15
getProgramParameter

WebGL API の WebGLRenderingContext.getProgramParameter() メソッドは、指定されたプログラムに関する情報を返します。
56
79
51
15
58
15
getQuery

WebGL 2 API の WebGL2RenderingContext.getQuery() メソッドは、ターゲットの現在アクティブな WebGLQuery または null を返します。
56
79
51
15
58
15
getQueryParameter

WebGL 2 API の WebGL2RenderingContext.getQueryParameter() メソッドは、WebGLQuery オブジェクトのパラメータ情報を返します。
56
79
51
15
58
15
getRenderbufferParameter

WebGL API の WebGLRenderingContext.getRenderbufferParameter() メソッドは、レンダーバッファに関する情報を返します。
56
79
51
15
58
15
getSamplerParameter

WebGL 2 API の WebGL2RenderingContext.getSamplerParameter() メソッドは、WebGLSampler オブジェクトのパラメータ情報を返します。
56
79
51
15
58
15
getShaderInfoLog

WebGLRenderingContext.getShaderInfoLog は、指定された WebGLShader オブジェクトの情報ログを返します。これには、警告、デバッグ、およびコンパイル情報が含まれます。
56
79
51
15
58
15
getShaderParameter

WebGLRenderingContext.getShaderParameter() は WebGL API のメソッドで、指定されたシェーダーに関する情報を返します。
56
79
51
15
58
15
getShaderPrecisionFormat

WebGL API の WebGLRenderingContext.getShaderPrecisionFormat() メソッドは、指定されたシェーダ数値形式の範囲と精度を記述する新しい WebGLShaderPrecisionFormat オブジェクトを返します。
56
79
51
15
58
15
getShaderSource

WebGL API の WebGLRenderingContext.getShaderSource() メソッドは、WebGLShader のソース コードを文字列として返します。
56
79
51
15
58
15
getSupportedExtensions

WebGLRenderingContext.getSupportedExtensions() メソッドは、サポートされているすべての WebGL 拡張機能のリストを返します。
56
79
51
15
58
15
getSyncParameter

WebGL 2 API の WebGL2RenderingContext.getSyncParameter() メソッドは、WebGLSync オブジェクトのパラメータ情報を返します。
56
79
51
15
58
15
getTexParameter

WebGL API の WebGLRenderingContext.getTexParameter() メソッドは、指定されたテクスチャに関する情報を返します。
56
79
51
15
58
15
getTransformFeedbackVarying

WebGL 2 API の WebGL2RenderingContext.getTransformFeedbackVarying() メソッドは、WebGLTransformFeedback バッファからのさまざまな変数に関する情報を返します。
56
79
51
15
58
15
getUniform

WebGL API の WebGLRenderingContext.getUniform() メソッドは、指定された場所にあるユニフォーム変数の値を返します。
56
79
51
15
58
15
getUniformBlockIndex

WebGL 2 API の WebGL2RenderingContext.getUniformBlockIndex() メソッドは、WebGLProgram 内の均一ブロックのインデックスを取得します。
56
79
51
15
58
15
getUniformIndices

WebGL 2 API の WebGL2RenderingContext.getUniformIndices() メソッドは、WebGLProgram 内の多数のユニフォームのインデックスを取得します。
56
79
51
15
58
15
getUniformLocation

WebGL API の一部である WebGLRenderingContext メソッド getUniformLocation() は、指定された WebGLProgram の一部である特定のユニフォーム変数の場所を返します。
56
79
51
15
58
15
getVertexAttrib

WebGL API の WebGLRenderingContext.getVertexAttrib() メソッドは、指定された位置の頂点属性に関する情報を返します。
56
79
51
15
58
15
getVertexAttribOffset

WebGL API の WebGLRenderingContext.getVertexAttribOffset() メソッドは、指定された頂点属性のアドレスを返します。
56
79
51
15
58
15
hint

WebGL API の WebGLRenderingContext.hint() メソッドは、特定の動作のヒントを指定します。 これらのヒントの解釈は実装によって異なります。
56
79
51
15
58
15
invalidateFramebuffer

WebGL 2 API の WebGL2RenderingContext.invalidateFramebuffer() メソッドは、フレームバッファ内の添付ファイルの内容を無効にします。
56
79
51
15
58
15
invalidateSubFramebuffer

WebGL 2 API の WebGL2RenderingContext.invalidateSubFramebuffer() メソッドは、フレームバッファ内の添付ファイルのコンテンツの一部を無効にします。
56
79
51
15
58
15
isBuffer

WebGL API の WebGLRenderingContext.isBuffer() メソッドは、渡された WebGLBuffer が有効な場合は true を返し、それ以外の場合は false を返します。
56
79
51
15
58
15
isContextLost

WebGLRenderingContext.isContextLost() メソッドは、WebGL コンテキストが失われ、レンダリングを再開する前に再確立する必要があるかどうかを示すブール値を返します。
56
79
51
15
58
15
isEnabled

WebGL API の WebGLRenderingContext.isEnabled() メソッドは、特定の WebGL 機能がこのコンテキストに対して有効かどうかをテストします。
56
79
51
15
58
15
isFramebuffer

WebGL API の WebGLRenderingContext.isFramebuffer() メソッドは、渡された WebGLFramebuffer が有効な場合は true を返し、それ以外の場合は false を返します。
56
79
51
15
58
15
isProgram

WebGL API の WebGLRenderingContext.isProgram() メソッドは、渡された WebGLProgram が有効な場合は true を返し、そうでない場合は false を返します。
56
79
51
15
58
15
isQuery

WebGL 2 API の WebGL2RenderingContext.isQuery() メソッドは、渡されたオブジェクトが有効な WebGLQuery オブジェクトの場合に true を返します。
56
79
51
15
58
15
isRenderbuffer

WebGL API の WebGLRenderingContext.isRenderbuffer() メソッドは、渡された WebGLRenderbuffer が有効な場合は true を返し、それ以外の場合は false を返します。
56
79
51
15
58
15
isSampler

WebGL 2 API の WebGL2RenderingContext.isSampler() メソッドは、渡されたオブジェクトが有効な WebGLSampler オブジェクトの場合に true を返します。
56
79
51
15
58
15
isShader

WebGL API の WebGLRenderingContext.isShader() メソッドは、渡された WebGLShader が有効な場合は true を返し、そうでない場合は false を返します。
56
79
51
15
58
15
isSync

WebGL 2 API の WebGL2RenderingContext.isSync() メソッドは、渡されたオブジェクトが有効な WebGLSync オブジェクトの場合に true を返します。
56
79
51
15
58
15
isTexture

WebGL API の WebGLRenderingContext.isTexture() メソッドは、渡された WebGLTexture が有効な場合は true を返し、それ以外の場合は false を返します。
56
79
51
15
58
15
isTransformFeedback

WebGL 2 API の WebGL2RenderingContext.isTransformFeedback() メソッドは、渡されたオブジェクトが有効な WebGLTransformFeedback オブジェクトの場合に true を返します。
56
79
51
15
58
15
isVertexArray

WebGL API の WebGL2RenderingContext.isVertexArray() メソッドは、渡されたオブジェクトが有効な WebGLVertexArrayObject オブジェクトである場合に true を返します。
56
79
51
15
58
15
lineWidth

WebGL API の WebGLRenderingContext.lineWidth() メソッドは、ラスタライズされたラインの線幅を設定します。
56
79
51
15
58
15
linkProgram

WebGL API の WebGLRenderingContext.linkProgram() メソッドは、与えられた WebGLProgram に接続された頂点とフラグメントのシェーダーをリンクします。
56
79
51
15
58
15
pauseTransformFeedback

WebGL 2 API の WebGL2RenderingContext.pauseTransformFeedback() メソッドは、変換フィードバック操作を一時停止します。
56
79
51
15
58
15
pixelStorei

WebGL API の WebGLRenderingContext.pixelStorei() メソッドは、ピクセル ストレージ モードを指定します。
56
79
51
15
58
15
polygonOffset

WebGL API の WebGLRenderingContext.polygonOffset() メソッドは、奥行き値を計算するためのスケール係数と単位を指定します。
56
79
51
15
58
15
readBuffer

WebGL 2 API の WebGL2RenderingContext.readBuffer() メソッドは、WebGLRenderingContext.copyTexImage2D、WebGLRenderingContext.copyTexSubImage2D、WebGL2RenderingContext.copyTexSubImage3D、または WebGLRenderingContext.readPixels への後続の呼び出しのためのピクセルのソースとしてカラー バッファーを選択します。
56
79
51
15
58
15
readPixels

WebGL API の WebGLRenderingContext.readPixels() メソッドは、現在のカラー フレームバッファの指定された四角形からピクセルのブロックを TypedArray または DataView オブジェクトに読み取ります。
56
79
51
15
58
15
renderbufferStorage

WebGL API の WebGLRenderingContext.renderbufferStorage() メソッドは、renderbuffer オブジェクトのデータ ストアを作成して初期化します。
56
79
51
15
58
15
renderbufferStorageMultisample

WebGL 2 API の WebGL2RenderingContext.renderbufferStorageMultisample() メソッドは、レンダーバッファ オブジェクトのデータ ストアを作成して初期化し、使用するサンプルの数を指定できるようにします。
56
79
51
15
58
15
resumeTransformFeedback

WebGL 2 API の WebGL2RenderingContext.resumeTransformFeedback() メソッドは、変換フィードバック操作を再開します。
56
79
51
15
58
15
sampleCoverage

WebGL API の WebGLRenderingContext.sampleCoverage() メソッドは、アンチエイリアス効果のためのマルチサンプル カバレッジ パラメーターを指定します。
56
79
51
15
58
15
samplerParameterf

WebGL 2 API の WebGL2RenderingContext.samplerParameter[if]() メソッドは、WebGLSampler パラメータを設定します。
56
79
51
15
58
15
samplerParameteri

WebGL 2 API の WebGL2RenderingContext.samplerParameter[if]() メソッドは、WebGLSampler パラメータを設定します。
56
79
51
15
58
15
scissor

WebGL API の WebGLRenderingContext.scissor() メソッドは、描画を指定された四角形に制限するシザー ボックスを設定します。
56
79
51
15
58
15
shaderSource

WebGLRenderingContext.shaderSource() は WebGL API のメソッドで、 WebGLShader のソースコードを設定します。
56
79
51
15
58
15
stencilFunc

WebGL API の WebGLRenderingContext.stencilFunc() メソッドは、ステンシル テストのフロント関数とバック関数および基準値を設定します。
56
79
51
15
58
15
stencilFuncSeparate

WebGL API の WebGLRenderingContext.stencilFuncSeparate() メソッドは、ステンシル テストのフロント関数および/またはバック関数と基準値を設定します。
56
79
51
15
58
15
stencilMask

WebGL API の WebGLRenderingContext.stencilMask() メソッドは、ステンシル プレーンの個々のビットの前方書き込みと後方書き込みの両方の有効化と無効化を制御します。
56
79
51
15
58
15
stencilMaskSeparate

WebGL API の WebGLRenderingContext.stencilMaskSeparate() メソッドは、ステンシル プレーンの個々のビットの前方および後方書き込みの有効化と無効化を制御します。
56
79
51
15
58
15
stencilOp

WebGL API の WebGLRenderingContext.stencilOp() メソッドは、前面と背面の両方のステンシル テスト アクションを設定します。
56
79
51
15
58
15
stencilOpSeparate

WebGL API の WebGLRenderingContext.stencilOpSeparate() メソッドは、前面および/または背面のステンシル テスト アクションを設定します。
56
79
51
15
58
15
texImage2D

WebGL API の WebGLRenderingContext インターフェイスの texImage2D() メソッドは、2 次元のテクスチャ イメージを指定します。
56
79
51
15
58
15
texImage3D

WebGL API の WebGL2RenderingContext インターフェイスの texImage3D() メソッドは、3 次元のテクスチャ画像を指定します。
56
79
51
15
58
15
texParameterf

WebGL API の WebGLRenderingContext.texParameter[fi]() メソッドは、テクスチャ パラメータを設定します。
56
79
51
15
58
15
texParameteri

WebGL API の WebGLRenderingContext.texParameter[fi]() メソッドは、テクスチャ パラメータを設定します。
56
79
51
15
58
15
texStorage2D

WebGL API の WebGL2RenderingContext の texStorage2D() メソッドは、2 次元テクスチャ ストレージのすべてのレベルを指定します。
56
79
51
15
58
15
texStorage3D

WebGL API の WebGL2RenderingContext の texStorage3D() メソッドは、3 次元テクスチャ ストレージのすべてのレベルを指定します。
56
79
51
15
58
15
texSubImage2D

WebGL API の WebGLRenderingContext インターフェイスの texSubImage2D() メソッドは、テクスチャ イメージの 2 次元サブ四角形を指定します。
56
79
51
15
58
15
texSubImage3D

WebGL API の WebGL2RenderingContext インターフェイスの texSubImage3D() メソッドは、テクスチャ イメージの 3 次元サブ四角形を指定します。
56
79
51
15
58
15
transformFeedbackVaryings

WebGL 2 API の WebGL2RenderingContext.transformFeedbackVaryings() メソッドは、WebGLTransformFeedback バッファに記録する値を指定します。
56
79
51
15
58
15
uniform1f

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform1fv

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform1i

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform1iv

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform1ui

WebGL API の WebGL2RenderingContext.uniform[1234][uif][v]() メソッドは、uniform 変数の値を指定します。
56
79
51
15
58
15
uniform1uiv

WebGL API の WebGL2RenderingContext.uniform[1234][uif][v]() メソッドは、uniform 変数の値を指定します。
56
79
51
15
58
15
uniform2f

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform2fv

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform2i

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform2iv

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform2ui

WebGL API の WebGL2RenderingContext.uniform[1234][uif][v]() メソッドは、uniform 変数の値を指定します。
56
79
51
15
58
15
uniform2uiv

WebGL API の WebGL2RenderingContext.uniform[1234][uif][v]() メソッドは、uniform 変数の値を指定します。
56
79
51
15
58
15
uniform3f

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform3fv

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform3i

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform3iv

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform3ui

WebGL API の WebGL2RenderingContext.uniform[1234][uif][v]() メソッドは、uniform 変数の値を指定します。
56
79
51
15
58
15
uniform3uiv

WebGL API の WebGL2RenderingContext.uniform[1234][uif][v]() メソッドは、uniform 変数の値を指定します。
56
79
51
15
58
15
uniform4f

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform4fv

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform4i

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform4iv

WebGLRenderingContext.uniform[1234][fi][v]() は WebGL API のメソッドで、ユニフォーム変数の値を指定します。プログラムオブジェクトで定義されたすべてのアクティブなユニフォーム変数は、プログラムオブジェクトが正常にリンクされたときに 0 に初期化されます。それらは、プログラムオブジェクトのリンクが成功し、再び 0 に初期化されるまで、このメソッドの呼び出しによって割り当てられた値を保持します。
56
79
51
15
58
15
uniform4ui

WebGL API の WebGL2RenderingContext.uniform[1234][uif][v]() メソッドは、uniform 変数の値を指定します。
56
79
51
15
58
15
uniform4uiv

WebGL API の WebGL2RenderingContext.uniform[1234][uif][v]() メソッドは、uniform 変数の値を指定します。
56
79
51
15
58
15
uniformBlockBinding

WebGL 2 API の WebGL2RenderingContext.uniformBlockBinding() メソッドは、アクティブなユニフォーム ブロックにバインディング ポイントを割り当てます。
56
79
51
15
58
15
uniformMatrix2fv

WebGL 2 API の WebGL2RenderingContext.uniformMatrix[234]x[234]fv() メソッドは、uniform 変数の行列値を指定します。
56
79
51
15
58
15
uniformMatrix2x3fv

WebGL 2 API の WebGL2RenderingContext.uniformMatrix[234]x[234]fv() メソッドは、uniform 変数の行列値を指定します。
56
79
51
15
58
15
uniformMatrix2x4fv

WebGL 2 API の WebGL2RenderingContext.uniformMatrix[234]x[234]fv() メソッドは、uniform 変数の行列値を指定します。
56
79
51
15
58
15
uniformMatrix3fv

WebGL API の WebGLRenderingContext.uniformMatrix[234]fv() メソッドは、行列の値をユニフォームの値に指定します。
56
79
51
15
58
15
uniformMatrix3x2fv

WebGL 2 API の WebGL2RenderingContext.uniformMatrix[234]x[234]fv() メソッドは、uniform 変数の行列値を指定します。
56
79
51
15
58
15
uniformMatrix3x4fv

WebGL 2 API の WebGL2RenderingContext.uniformMatrix[234]x[234]fv() メソッドは、uniform 変数の行列値を指定します。
56
79
51
15
58
15
uniformMatrix4fv

WebGL API の WebGLRenderingContext.uniformMatrix[234]fv() メソッドは、行列の値をユニフォームの値に指定します。
56
79
51
15
58
15
uniformMatrix4x2fv

WebGL 2 API の WebGL2RenderingContext.uniformMatrix[234]x[234]fv() メソッドは、uniform 変数の行列値を指定します。
56
79
51
15
58
15
uniformMatrix4x3fv

WebGL 2 API の WebGL2RenderingContext.uniformMatrix[234]x[234]fv() メソッドは、uniform 変数の行列値を指定します。
56
79
51
15
58
15
useProgram

WebGL API の WebGLRenderingContext.useProgram() メソッドは、指定した WebGLProgram を現在の描画ステートの一部として設定します。
56
79
51
15
58
15
validateProgram

WebGL API の WebGLRenderingContext.validateProgram() メソッドは、WebGLProgram を検証します。正常にリンクされているかどうか、および現在の WebGL 状態で使用できるかどうかがチェックされます。
56
79
51
15
58
15
vertexAttrib1f

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
56
79
51
15
58
15
vertexAttrib1fv

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
56
79
51
15
58
15
vertexAttrib2f

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
56
79
51
15
58
15
vertexAttrib2fv

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
56
79
51
15
58
15
vertexAttrib3f

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
56
79
51
15
58
15
vertexAttrib3fv

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
56
79
51
15
58
15
vertexAttrib4f

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
56
79
51
15
58
15
vertexAttrib4fv

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
56
79
51
15
58
15
vertexAttribDivisor

WebGL 2 API の WebGL2RenderingContext.vertexAttribDivisor() メソッドは、WebGL2RenderingContext.drawArraysInstanced() および WebGL2RenderingContext.drawElementsInstanced() を使用してプリミティブの複数のインスタンスをレンダリングするときに、汎用頂点属性が進む速度を変更します。
56
79
51
15
58
15
vertexAttribI4i

WebGL 2 API の WebGL2RenderingContext.vertexAttribI4[u]i[v]() メソッドは、汎用頂点属性の整数値を指定します。
56
79
51
15
58
15
vertexAttribI4iv

WebGL 2 API の WebGL2RenderingContext.vertexAttribI4[u]i[v]() メソッドは、汎用頂点属性の整数値を指定します。
56
79
51
15
58
15
vertexAttribI4ui

WebGL 2 API の WebGL2RenderingContext.vertexAttribI4[u]i[v]() メソッドは、汎用頂点属性の整数値を指定します。
56
79
51
15
58
15
vertexAttribI4uiv

WebGL 2 API の WebGL2RenderingContext.vertexAttribI4[u]i[v]() メソッドは、汎用頂点属性の整数値を指定します。
56
79
51
15
58
15
vertexAttribIPointer

WebGL 2 API の WebGL2RenderingContext.vertexAttribIPointer() メソッドは、整数データ形式と頂点属性配列内の頂点属性の位置を指定します。
56
79
51
15
58
15
vertexAttribPointer

WebGL API の WebGLRenderingContext.vertexAttribPointer() メソッドは、現在 gl.ARRAY_BUFFER に結合されたバッファーを、現在の頂点バッファーオブジェクトの一般的な頂点属性に結合して、そのレイアウトを指定します。
56
79
51
15
58
15
viewport

WebGL API の WebGLRenderingContext.viewport() メソッドは、正規化されたデバイス座標からウィンドウ座標への x と y のアフィン変換を指定するビューポートを設定します。
56
79
51
15
58
15
waitSync

WebGL 2 API の WebGL2RenderingContext.waitSync() メソッドはすぐに戻りますが、指定された WebGLSync オブジェクトが通知されるまで GL サーバー上で待機します。
56
79
51
15
58
15
WebGLQuery

WebGLQuery インターフェイスは WebGL 2 API の一部であり、情報を非同期にクエリする方法を提供します。デフォルトでは、オクルージョン クエリとプリミティブ クエリが使用可能です。
56
79
51
15
58
15
WebGLSampler

WebGLSampler インターフェイスは WebGL 2 API の一部であり、WebGLTexture アクセスのサンプリング パラメータをシェーダ内に保存します。
56
79
51
15
58
15
WebGLSync

WebGLSync インターフェイスは WebGL 2 API の一部であり、GPU とアプリケーション間のアクティビティを同期するために使用されます。
56
79
51
15
58
15
WebGLTransformFeedback

WebGLTransformFeedback インターフェイスは WebGL 2 API の一部であり、頂点処理によって生成されたプリミティブをキャプチャするプロセスである変換フィードバックを有効にします。これにより、オブジェクトの変換後のレンダリング状態を保存し、このデータを複数回再送信できます。
56
79
51
15
58
15
WebGLVertexArrayObject

WebGLVertexArrayObject インターフェイスは WebGL 2 API の一部であり、頂点配列データを指す頂点配列オブジェクト (VAO) を表し、頂点データのさまざまなセットに名前を提供します。
56
79
51
15
58
15
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
対応条件
  • 以前は別名で対応していました: experimental-webgl2 (25)
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • ChromeはmacOSでのみGPUヒントを尊重します。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • EdgeはmacOSでのみGPUヒントを尊重します。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • FirefoxはmacOSでのみGPUヒントを尊重します。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • Chrome Androidは、macOSのGPUヒントを尊重します。

基本構文

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 support check

Detect a WebGL2 context and show a dedicated support message.

プレビュー全画面表示

Viewport resize

Use WebGL2 commands after resizing the viewport to match the canvas dimensions.

プレビュー全画面表示

Feature notes

Summarize what WebGL2 adds once the context is available.

プレビュー全画面表示

実務での使いどころ

  • WebGL2 の活用

    注: この機能は Web Workers で利用可能です。

注意点

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

アクセシビリティ

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

参考リンク