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

WebGL

webglcontextcreationerror は WebGL API のイベントで、ユーザーエージェントが WebGLRenderingContext コンテキストを作成することができない場合に発行されます。

このイベントには WebGLContextEvent.statusMessage プロパティがあり、失敗に関する詳細情報を含むプラットフォーム依存の文字列を格納されることがあります。

このイベントはバブリングしません。

Canvas・グラフィクス

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
WebGLActiveInfo
10
12
4
5.1
25
8
getContext (webgl context)

WebGLコンテキスト
33
79
24
8
33
8
getContext (webgl context options alpha parameter)

options.alpha`パラメータ
32
12
30
10.1
32
10.3
getContext (webgl context options failIfMajorPerformanceCaveat parameter)

options.failIfMajorPerformanceCaveat`パラメータ
33
12
41
10.1
33
10.3
getContext (webgl context options powerPreference parameter)

options.powerPreference`パラメータ
75
79
63
10.1
75
10.3
webglcontextcreationerror_event

webglcontextcreationerror は WebGL API のイベントで、ユーザーエージェントが WebGLRenderingContext コンテキストを作成することができない場合に発行されます。
9
12
49
5.1
25
8
webglcontextlost_event

webglcontextlost は WebGL API のイベントで、WebGLRenderingContext オブジェクトに関連づけられた描画バッファーが失われたことをユーザーエージェントが検出した場合に発行されます。
9
12
4
5.1
25
8
webglcontextrestored_event

webglcontextrestored は WebGL API インターフェイスのイベントで、ユーザーエージェントが WebGLRenderingContext オブジェクトの描画バッファーを復元したときに発行されます。
9
12
4
5.1
25
8
name

読み取り専用の WebGLActiveInfo.name プロパティは、WebGLRenderingContext.getActiveAttrib() メソッドまたは WebGLRenderingContext.getActiveUniform() メソッドを呼び出すことによって返される、要求されたデータの名前を表します。
10
12
4
5.1
25
8
size

読み取り専用の WebGLActiveInfo.size プロパティは、WebGLRenderingContext.getActiveAttrib() メソッドまたは WebGLRenderingContext.getActiveUniform() メソッドを呼び出すことによって返される、要求されたデータのサイズを表す数値です。
10
12
4
5.1
25
8
type

読み取り専用の WebGLActiveInfo.type プロパティは、WebGLRenderingContext.getActiveAttrib() メソッドまたは WebGLRenderingContext.getActiveUniform() メソッドを呼び出すことによって返される、要求されたデータのタイプを表します。
10
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
WebGLBuffer

WebGLBuffer インターフェイスは WebGL API の一部で、頂点や色などのデータを格納する不透明なバッファーオブジェクトを表します。
10
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
WebGLContextEvent

WebGLContextEvent インターフェイスは WebGL API の一部であり、WebGL レンダリング コンテキストのステータス変更に応答して生成されるイベントのインターフェイスです。
9
12
49
5.1
25
8
statusMessage

読み取り専用の WebGLContextEvent.statusMessage プロパティには追加のイベント ステータス情報が含まれており、追加情報がない場合は空の文字列になります。
9
12
49
5.1
25
8
WebGLContextEvent

WebGLContextEvent() コンストラクターは、新しい WebGLContextEvent オブジェクトを作成します。
17
12
49
6
25
8
worker_support
実験的

労働者で利用可能
105
WebGLFramebuffer

WebGLFramebuffer インターフェイスは WebGL API の一部で、レンダリング先となるバッファーの集まりを表します。
10
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
WebGLObject
実験的

WebGLObject は WebGL API の一部であり、すべての WebGL オブジェクトの親インターフェイスです。
126
126
126
WebGLProgram

WebGLProgram は WebGL API の一部で、 は、頂点シェーダーとフラグメントシェーダー（どちらも GLSL で書かれています）の 2 つのコンパイル済み WebGLShader の組み合わせです。
10
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
WebGLRenderbuffer

WebGLRenderbuffer インターフェイスは WebGL API の一部で、画像を含むことができるバッファー、またはレンダリング操作の入力元または出力先になることができるバッファーを表します。
10
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
WebGLRenderingContext

WebGLRenderingContext インターフェイスは、 canvas 要素の描画サーフェスのための OpenGL ES 2.0 の描画コンテキストを提供します。
9
12
4
5.1
25
8
activeTexture

WebGLRenderingContext.activeTexture() は WebGL API のメソッドで、どのテクスチャユニットをアクティブにするかを指定します。
9
12
4
5.1
25
8
attachShader

WebGLRenderingContext.attachShader() は WebGL API のメソッドで、フラグメントか頂点のどちらかの WebGLShader を WebGLProgram にアタッチします。
9
12
4
5.1
25
8
bindAttribLocation

WebGL API の WebGLRenderingContext.bindAttribLocation() メソッドは、汎用頂点インデックスを属性変数にバインドします。
9
12
4
5.1
25
8
bindBuffer

WebGLRenderingContext.bindBuffer() は WebGL API のメソッドで、指定された WebGLBuffer をターゲットに結合します。
9
12
4
5.1
25
8
bindFramebuffer

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

WebGL API の WebGLRenderingContext.bindRenderbuffer() メソッドは、指定された WebGLRenderbuffer をターゲット (gl.RENDERBUFFER である必要があります) にバインドします。
9
12
4
5.1
25
8
bindTexture

WebGL API の WebGLRenderingContext.bindTexture() メソッドは、指定された WebGLTexture をターゲット (バインディング ポイント) にバインドします。
9
12
4
5.1
25
8
blendColor

WebGL API の WebGLRenderingContext.blendColor() メソッドは、ソースと宛先のブレンド係数を設定するために使用されます。
9
12
4
5.1
25
8
blendEquation

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

WebGL API の WebGLRenderingContext.blendEquationSeparate() メソッドは、RGB ブレンド方程式とアルファ ブレンド方程式を個別に設定するために使用されます。
9
12
4
5.1
25
8
blendFunc

WebGL API の WebGLRenderingContext.blendFunc() メソッドは、ピクセル演算のブレンドにどの関数が使用されるかを定義します。
9
12
4
5.1
25
8
blendFuncSeparate

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

WebGLRenderingContext.bufferData() は WebGL API のメソッドで、バッファーオブジェクトのデータストアを初期化、作成します。
9
12
4
5.1
25
8
bufferSubData

WebGL API の WebGLRenderingContext.bufferSubData() メソッドは、バッファ オブジェクトのデータ ストアのサブセットを更新します。
9
12
4
5.1
25
8
canvas

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

WebGL API の WebGLRenderingContext.checkFramebufferStatus() メソッドは、WebGLFramebuffer オブジェクトの完全性ステータスを返します。
9
12
4
5.1
25
8
clear

WebGL API の WebGLRenderingContext.clear() メソッドは、バッファーをプリセット値で消去します。
9
12
4
5.1
25
8
clearColor

WebGL API の WebGLRenderingContext.clearColor() メソッドは、カラーバッファーの消去に使われる色の値を指定します。
9
12
4
5.1
25
8
clearDepth

WebGL API の WebGLRenderingContext.clearDepth() メソッドは、深度バッファーを消去する値を指定します。
9
12
4
5.1
25
8
clearStencil

WebGL API の WebGLRenderingContext.clearStencil() メソッドは、ステンシルバッファーを消去する値を指定します。
9
12
4
5.1
25
8
colorMask

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

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

WebGL API の WebGLRenderingContext インターフェイスの CompressedTexImage2D() メソッドは、圧縮形式の 2 次元テクスチャ イメージを指定します。
9
12
4
5.1
25
8
compressedTexSubImage2D

WebGL API の WebGLRenderingContext インターフェイスの CompressedTexSubImage2D() メソッドは、圧縮形式のテクスチャ イメージの 2 次元サブ四角形を指定します。
9
12
4
5.1
25
8
copyTexImage2D

WebGL API の WebGLRenderingContext インターフェイスの copyTexImage2D() メソッドは、現在の WebGLFramebuffer からピクセルを 2D テクスチャ イメージにコピーします。
9
12
4
5.1
25
8
copyTexSubImage2D

WebGL API の WebGLRenderingContext インターフェイスの copyTexSubImage2D() メソッドは、現在の WebGLFramebuffer から 2D テクスチャ サブイメージにピクセルをコピーします。
9
12
4
5.1
25
8
createBuffer

WebGLRenderingContext.createBuffer() は WebGL API のメソッド で、頂点や色といったデータを格納する WebGLBuffer を作成、初期化します。
9
12
4
5.1
25
8
createFramebuffer

WebGL API の WebGLRenderingContext.createFramebuffer() メソッドは、 を作成し、初期化します。
9
12
4
5.1
25
8
createProgram

WebGL API の WebGLRenderingContext.createProgram() メソッドは、WebGLProgram オブジェクトを作成、初期化します。
9
12
4
5.1
25
8
createRenderbuffer

WebGL API の WebGLRenderingContext.createRenderbuffer() メソッドは、 オブジェクトを作成し、初期化します。
9
12
4
5.1
25
8
createShader

WebGLRenderingContext の createShader() は WebGL API のメソッドで、 WebGLShader を作成します。それからさらに、 WebGLRenderingContext.shaderSource() と WebGLRenderingContext.compileShader() を用いて設定できます。
9
12
4
5.1
25
8
createTexture

WebGL API の WebGLRenderingContext.createTexture() メソッドは、WebGLTexture オブジェクトを作成して初期化します。
9
12
4
5.1
25
8
cullFace

WebGL API の WebGLRenderingContext.cullFace() メソッドは、前面および/または背面のポリゴンをカリングできるかどうかを指定します。
9
12
4
5.1
25
8
deleteBuffer

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

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

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

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

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

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

WebGL API の WebGLRenderingContext. DepthFunc() メソッドは、受信ピクセル深度を現在の深度バッファー値と比較する関数を指定します。
9
12
4
5.1
25
8
depthMask

WebGL API の WebGLRenderingContext. DepthMask() メソッドは、深度バッファへの書き込みを有効にするか無効にするかを設定します。
9
12
4
5.1
25
8
depthRange

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

WebGL API の WebGLRenderingContext.detachShader() メソッドは、以前にアタッチされた WebGLShader を WebGLProgram から切り離します。
9
12
4
5.1
25
8
disable

WebGL API の WebGLRenderingContext.disable() メソッドは、このコンテキストの特定の WebGL 機能を無効にします。
9
12
4
5.1
25
8
disableVertexAttribArray

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

WebGL API の WebGLRenderingContext.drawArrays() メソッドは、配列データからプリミティブを描画します。
9
12
4
5.1
25
8
drawElements

WebGLRenderingContext.drawElements() は WebGL API のメソッドで、配列データのプリミティブを描画します。
9
12
4
5.1
25
8
drawingBufferFormat
実験的
122
122
122
drawingBufferHeight

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

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

WebGL API の WebGLRenderingContext.enable() メソッドは、このコンテキストの特定の WebGL 機能を有効にします。
9
12
4
5.1
25
8
enableVertexAttribArray

WebGL API の一部である WebGLRenderingContext メソッド EnableVertexAttribArray() は、属性配列のリストの指定されたインデックスにある汎用頂点属性配列をオンにします。
9
12
4
5.1
25
8
finish

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

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

WebGL API の WebGLRenderingContext.framebufferRenderbuffer() メソッドは、WebGLRenderbuffer オブジェクトを WebGLFramebuffer オブジェクトにアタッチします。
9
12
4
5.1
25
8
framebufferTexture2D

WebGLRenderingContext.framebufferTexture2D() は WebGL API のメソッドで、テクスチャを WebGLFramebuffer に割り当てます。
9
12
4
5.1
25
8
frontFace

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

WebGL API の WebGLRenderingContext.generateMipmap() メソッドは、WebGLTexture オブジェクトのミップマップのセットを生成します。
9
12
4
5.1
25
8
getActiveAttrib

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

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

WebGL API の WebGLRenderingContext.getAttachedShaders() メソッドは、WebGLProgram にアタッチされた WebGLShader オブジェクトのリストを返します。
9
12
4
5.1
25
8
getAttribLocation

WebGLRenderingContext.getAttribLocation() は WebGL API のメソッドで、指定された WebGLProgram 内の属性の場所を返します。
9
12
4
5.1
25
8
getBufferParameter

WebGL API の WebGLRenderingContext.getBufferParameter() メソッドは、バッファに関する情報を返します。
9
12
4
5.1
25
8
getContextAttributes

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

WebGL API の WebGLRenderingContext.getError() メソッドは、エラー情報を返します。
9
12
4
5.1
25
8
getExtension

WebGLRenderingContext.getExtension() メソッドは、WebGL 拡張機能を有効にします。
9
12
4
5.1
25
8
getFramebufferAttachmentParameter

WebGL API の WebGLRenderingContext.getFramebufferAttachmentParameter() メソッドは、フレームバッファのアタッチメントに関する情報を返します。
9
12
4
5.1
25
8
getParameter

WebGL API の WebGLRenderingContext.getParameter() メソッドは、渡されたパラメータ名の値を返します。
9
12
4
5.1
25
8
getProgramInfoLog

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

WebGL API の WebGLRenderingContext.getProgramParameter() メソッドは、指定されたプログラムに関する情報を返します。
9
12
4
5.1
25
8
getRenderbufferParameter

WebGL API の WebGLRenderingContext.getRenderbufferParameter() メソッドは、レンダーバッファに関する情報を返します。
9
12
4
5.1
25
8
getShaderInfoLog

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

WebGLRenderingContext.getShaderParameter() は WebGL API のメソッドで、指定されたシェーダーに関する情報を返します。
9
12
4
5.1
25
8
getShaderPrecisionFormat

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

WebGL API の WebGLRenderingContext.getShaderSource() メソッドは、WebGLShader のソース コードを文字列として返します。
9
12
4
5.1
25
8
getSupportedExtensions

WebGLRenderingContext.getSupportedExtensions() メソッドは、サポートされているすべての WebGL 拡張機能のリストを返します。
9
12
4
5.1
25
8
getTexParameter

WebGL API の WebGLRenderingContext.getTexParameter() メソッドは、指定されたテクスチャに関する情報を返します。
9
12
4
5.1
25
8
getUniform

WebGL API の WebGLRenderingContext.getUniform() メソッドは、指定された場所にあるユニフォーム変数の値を返します。
9
12
4
5.1
25
8
getUniformLocation

WebGL API の一部である WebGLRenderingContext メソッド getUniformLocation() は、指定された WebGLProgram の一部である特定のユニフォーム変数の場所を返します。
9
12
4
5.1
25
8
getVertexAttrib

WebGL API の WebGLRenderingContext.getVertexAttrib() メソッドは、指定された位置の頂点属性に関する情報を返します。
9
12
4
5.1
25
8
getVertexAttribOffset

WebGL API の WebGLRenderingContext.getVertexAttribOffset() メソッドは、指定された頂点属性のアドレスを返します。
9
12
4
5.1
25
8
hint

WebGL API の WebGLRenderingContext.hint() メソッドは、特定の動作のヒントを指定します。 これらのヒントの解釈は実装によって異なります。
9
12
4
5.1
25
8
isBuffer

WebGL API の WebGLRenderingContext.isBuffer() メソッドは、渡された WebGLBuffer が有効な場合は true を返し、それ以外の場合は false を返します。
9
12
4
5.1
25
8
isContextLost

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

WebGL API の WebGLRenderingContext.isEnabled() メソッドは、特定の WebGL 機能がこのコンテキストに対して有効かどうかをテストします。
9
12
4
5.1
25
8
isFramebuffer

WebGL API の WebGLRenderingContext.isFramebuffer() メソッドは、渡された WebGLFramebuffer が有効な場合は true を返し、それ以外の場合は false を返します。
9
12
4
5.1
25
8
isProgram

WebGL API の WebGLRenderingContext.isProgram() メソッドは、渡された WebGLProgram が有効な場合は true を返し、そうでない場合は false を返します。
9
12
4
5.1
25
8
isRenderbuffer

WebGL API の WebGLRenderingContext.isRenderbuffer() メソッドは、渡された WebGLRenderbuffer が有効な場合は true を返し、それ以外の場合は false を返します。
9
12
4
5.1
25
8
isShader

WebGL API の WebGLRenderingContext.isShader() メソッドは、渡された WebGLShader が有効な場合は true を返し、そうでない場合は false を返します。
9
12
4
5.1
25
8
isTexture

WebGL API の WebGLRenderingContext.isTexture() メソッドは、渡された WebGLTexture が有効な場合は true を返し、それ以外の場合は false を返します。
9
12
4
5.1
25
8
lineWidth

WebGL API の WebGLRenderingContext.lineWidth() メソッドは、ラスタライズされたラインの線幅を設定します。
9
12
4
5.1
25
8
linkProgram

WebGL API の WebGLRenderingContext.linkProgram() メソッドは、与えられた WebGLProgram に接続された頂点とフラグメントのシェーダーをリンクします。
9
12
4
5.1
25
8
pixelStorei

WebGL API の WebGLRenderingContext.pixelStorei() メソッドは、ピクセル ストレージ モードを指定します。
9
12
4
5.1
25
8
polygonOffset

WebGL API の WebGLRenderingContext.polygonOffset() メソッドは、奥行き値を計算するためのスケール係数と単位を指定します。
9
12
4
5.1
25
8
readPixels

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

WebGL API の WebGLRenderingContext.renderbufferStorage() メソッドは、renderbuffer オブジェクトのデータ ストアを作成して初期化します。
9
12
4
5.1
25
8
sampleCoverage

WebGL API の WebGLRenderingContext.sampleCoverage() メソッドは、アンチエイリアス効果のためのマルチサンプル カバレッジ パラメーターを指定します。
9
12
4
5.1
25
8
scissor

WebGL API の WebGLRenderingContext.scissor() メソッドは、描画を指定された四角形に制限するシザー ボックスを設定します。
9
12
4
5.1
25
8
shaderSource

WebGLRenderingContext.shaderSource() は WebGL API のメソッドで、 WebGLShader のソースコードを設定します。
9
12
4
5.1
25
8
stencilFunc

WebGL API の WebGLRenderingContext.stencilFunc() メソッドは、ステンシル テストのフロント関数とバック関数および基準値を設定します。
9
12
4
5.1
25
8
stencilFuncSeparate

WebGL API の WebGLRenderingContext.stencilFuncSeparate() メソッドは、ステンシル テストのフロント関数および/またはバック関数と基準値を設定します。
9
12
4
5.1
25
8
stencilMask

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

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

WebGL API の WebGLRenderingContext.stencilOp() メソッドは、前面と背面の両方のステンシル テスト アクションを設定します。
9
12
4
5.1
25
8
stencilOpSeparate

WebGL API の WebGLRenderingContext.stencilOpSeparate() メソッドは、前面および/または背面のステンシル テスト アクションを設定します。
9
12
4
5.1
25
8
texImage2D

WebGL API の WebGLRenderingContext インターフェイスの texImage2D() メソッドは、2 次元のテクスチャ イメージを指定します。
9
12
4
5.1
25
8
texParameterf

WebGL API の WebGLRenderingContext.texParameter[fi]() メソッドは、テクスチャ パラメータを設定します。
9
12
4
5.1
25
8
texParameteri

WebGL API の WebGLRenderingContext.texParameter[fi]() メソッドは、テクスチャ パラメータを設定します。
9
12
4
5.1
25
8
texSubImage2D

WebGL API の WebGLRenderingContext インターフェイスの texSubImage2D() メソッドは、テクスチャ イメージの 2 次元サブ四角形を指定します。
9
12
4
5.1
25
8
uniform1f

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WebGL API の WebGLRenderingContext.uniformMatrix[234]fv() メソッドは、行列の値をユニフォームの値に指定します。
9
12
4
5.1
25
8
uniformMatrix3fv

WebGL API の WebGLRenderingContext.uniformMatrix[234]fv() メソッドは、行列の値をユニフォームの値に指定します。
9
12
4
5.1
25
8
uniformMatrix4fv

WebGL API の WebGLRenderingContext.uniformMatrix[234]fv() メソッドは、行列の値をユニフォームの値に指定します。
9
12
4
5.1
25
8
useProgram

WebGL API の WebGLRenderingContext.useProgram() メソッドは、指定した WebGLProgram を現在の描画ステートの一部として設定します。
9
12
4
5.1
25
8
validateProgram

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

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
9
12
4
5.1
25
8
vertexAttrib1fv

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
9
12
4
5.1
25
8
vertexAttrib2f

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
9
12
4
5.1
25
8
vertexAttrib2fv

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
9
12
4
5.1
25
8
vertexAttrib3f

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
9
12
4
5.1
25
8
vertexAttrib3fv

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
9
12
4
5.1
25
8
vertexAttrib4f

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
9
12
4
5.1
25
8
vertexAttrib4fv

WebGL API の WebGLRenderingContext.vertexAttrib[1234]f[v]() メソッドは、汎用頂点属性の定数値を指定します。
9
12
4
5.1
25
8
vertexAttribPointer

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

WebGL API の WebGLRenderingContext.viewport() メソッドは、正規化されたデバイス座標からウィンドウ座標への x と y のアフィン変換を指定するビューポートを設定します。
9
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
WebGLShader

WebGLShader は WebGL API の一部で、頂点シェーダーとフラグメントシェーダーを表します。 WebGLProgram は両方の種類のシェーダーが必要です。
10
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
WebGLShaderPrecisionFormat

WebGLShaderPrecisionFormat インターフェイスは WebGL API の一部であり、WebGLRenderingContext.getShaderPrecisionFormat() メソッドを呼び出すことによって返される情報を表します。
9
12
4
5.1
25
8
precision

読み取り専用の WebGLShaderPrecisionFormat.precision プロパティは、表現できる精度のビット数を返します。
9
12
4
5.1
25
8
rangeMax

読み取り専用の WebGLShaderPrecisionFormat.rangeMax プロパティは、表現できる最大値の絶対値の底 2 の対数を返します。
9
12
4
5.1
25
8
rangeMin

読み取り専用の WebGLShaderPrecisionFormat.rangeMin プロパティは、表現できる最小値の絶対値の底 2 の対数を返します。
9
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
WebGLTexture

WebGLTexture インターフェイスは WebGL API の一部であり、テクスチャリング操作のストレージと状態を提供する不透明なテクスチャ オブジェクトを表します。
10
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
WebGLUniformLocation

WebGLUniformLocation インターフェイスは WebGL API の一部であり、シェーダー プログラム内のユニフォーム変数の位置を表します。
10
12
4
5.1
25
8
worker_support
実験的

労働者で利用可能
105
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)
注釈 1件
対応条件
  • 以前は別名で対応していました: experimental-webgl (9)
注釈 1件
対応条件
  • 以前は別名で対応していました: experimental-webgl (12)
注釈 1件
対応条件
  • 以前は別名で対応していました: experimental-webgl (3.6)
注釈 1件
対応条件
  • 以前は別名で対応していました: experimental-webgl (5.1)
注釈 1件
対応条件
  • 以前は別名で対応していました: experimental-webgl (18)
注釈 1件
対応条件
  • 以前は別名で対応していました: experimental-webgl (8)
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • ChromeはmacOSでのみGPUヒントを尊重します。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • EdgeはmacOSでのみGPUヒントを尊重します。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • FirefoxはmacOSでのみGPUヒントを尊重します。
注釈 2件
制限事項
  • このブラウザでは部分的にしか実装されていません
実装メモ
  • Chrome Androidは、macOSのGPUヒントを尊重します。
注釈 1件
実装メモ
  • WebGLコンテキストにアクセスするには、標準の識別子 `webgl` ではなく `experimental-webgl` を使用する。

基本構文

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

ライブデモ

WebGL clear color

Create a WebGL context and clear the canvas with a chosen color.

プレビュー全画面表示

Interactive clear color

Map UI controls to WebGL clearColor values and redraw the scene.

プレビュー全画面表示

Support checklist

Present a quick checklist next to the rendered WebGL surface.

プレビュー全画面表示

実務での使いどころ

  • WebGL の活用

    webglcontextcreationerror は WebGL API のイベントで、ユーザーエージェントが WebGLRenderingContext コンテキストを作成することができない場合に発行されます。

注意点

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

アクセシビリティ

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

参考リンク