Widely availableChoose it for advanced rendering needs when your target browsers support it. Use WebGL 1 or a fallback path if compatibility matters more than features.
Other Widely available

WebGL2

WebGL2 extends the browser's GPU rendering capabilities with a more capable API based on OpenGL ES 3.0 concepts. It supports more advanced graphics techniques than WebGL 1.

WebGL23DGraphics

Overview

WebGL2 extends the browser's GPU rendering capabilities with a more capable API based on OpenGL ES 3.0 concepts. It supports more advanced graphics techniques than WebGL 1.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
WebGL2RenderingContext
56
79
51
15
58
15
getContext (webgl2 context)

WebGL2 context
56
79
51
15
56
15
getContext (webgl2 context options alpha parameter)

`options.alpha` parameter
56
79
30
15
56
15
getContext (webgl2 context options failIfMajorPerformanceCaveat parameter)

`options.failIfMajorPerformanceCaveat` parameter
56
79
41
15
56
15
getContext (webgl2 context options powerPreference parameter)

`options.powerPreference` parameter
75
79
63
15
75
15
activeTexture

The WebGLRenderingContext.activeTexture() method of the WebGL API specifies which texture unit to make active.
56
79
51
15
58
15
attachShader

The WebGLRenderingContext.attachShader() method of the WebGL API attaches either a fragment or vertex WebGLShader to a WebGLProgram.
56
79
51
15
58
15
beginQuery

The WebGL2RenderingContext.beginQuery() method of the WebGL 2 API starts an asynchronous query. The target parameter indicates which kind of query to begin.
56
79
51
15
58
15
beginTransformFeedback

The WebGL2RenderingContext.beginTransformFeedback() method of the WebGL 2 API starts a transform feedback operation.
56
79
51
15
58
15
bindAttribLocation

The WebGLRenderingContext.bindAttribLocation() method of the WebGL API binds a generic vertex index to an attribute variable.
56
79
51
15
58
15
bindBuffer

The WebGLRenderingContext.bindBuffer() method of the WebGL API binds a given WebGLBuffer to a target.
56
79
51
15
58
15
bindBufferBase

The WebGL2RenderingContext.bindBufferBase() method of the WebGL 2 API binds a given WebGLBuffer to a given binding point (target) at a given index.
56
79
51
15
58
15
bindBufferRange

The WebGL2RenderingContext.bindBufferRange() method of the WebGL 2 API binds a range of a given WebGLBuffer to a given binding point (target) at a given index.
56
79
51
15
58
15
bindFramebuffer

The WebGLRenderingContext.bindFramebuffer() method of the WebGL API binds to the specified target the provided WebGLFramebuffer, or, if the framebuffer argument is null, the default WebGLFramebuffer, which is associated with the canvas rendering context.
56
79
51
15
58
15
bindRenderbuffer

The WebGLRenderingContext.bindRenderbuffer() method of the WebGL API binds a given WebGLRenderbuffer to a target, which must be gl.RENDERBUFFER.
56
79
51
15
58
15
bindSampler

The WebGL2RenderingContext.bindSampler() method of the WebGL 2 API binds a passed WebGLSampler object to the texture unit at the passed index.
56
79
51
15
58
15
bindTexture

The WebGLRenderingContext.bindTexture() method of the WebGL API binds a given WebGLTexture to a target (binding point).
56
79
51
15
58
15
bindTransformFeedback

The WebGL2RenderingContext.bindTransformFeedback() method of the WebGL 2 API binds a passed WebGLTransformFeedback object to the current GL state.
56
79
51
15
58
15
bindVertexArray

The WebGL2RenderingContext.bindVertexArray() method of the WebGL 2 API binds a passed WebGLVertexArrayObject object to the buffer.
56
79
51
15
58
15
blendColor

The WebGLRenderingContext.blendColor() method of the WebGL API is used to set the source and destination blending factors.
56
79
51
15
58
15
blendEquation

The WebGLRenderingContext.blendEquation() method of the WebGL API is used to set both the RGB blend equation and alpha blend equation to a single equation.
56
79
51
15
58
15
blendEquationSeparate

The WebGLRenderingContext.blendEquationSeparate() method of the WebGL API is used to set the RGB blend equation and alpha blend equation separately.
56
79
51
15
58
15
blendFunc

The WebGLRenderingContext.blendFunc() method of the WebGL API defines which function is used for blending pixel arithmetic.
56
79
51
15
58
15
blendFuncSeparate

The WebGLRenderingContext.blendFuncSeparate() method of the WebGL API defines which function is used for blending pixel arithmetic for RGB and alpha components separately.
56
79
51
15
58
15
blitFramebuffer

The WebGL2RenderingContext.blitFramebuffer() method of the WebGL 2 API transfers a block of pixels from the read framebuffer to the draw framebuffer. Read and draw framebuffers are bound using WebGLRenderingContext.bindFramebuffer().
56
79
51
15
58
15
bufferData

The WebGL2RenderingContext.bufferData() method of the WebGL API creates and initializes the buffer object's data store.
56
79
51
15
58
15
bufferSubData

The WebGL2RenderingContext.bufferSubData() method of the WebGL API updates a subset of a buffer object's data store.
56
79
51
15
58
15
canvas

The WebGLRenderingContext.canvas property is a read-only reference to the HTMLCanvasElement or OffscreenCanvas object that is associated with the context. It might be null if it is not associated with a canvas element or an OffscreenCanvas object.
56
79
51
15
58
15
checkFramebufferStatus

The WebGLRenderingContext.checkFramebufferStatus() method of the WebGL API returns the completeness status of the WebGLFramebuffer object.
56
79
51
15
58
15
clear

The WebGLRenderingContext.clear() method of the WebGL API clears buffers to preset values.
56
79
51
15
58
15
clearBufferfi

The WebGL2RenderingContext.clearBuffer[fiuv]() methods of the WebGL 2 API clear buffers from the currently bound framebuffer.
56
79
51
15
58
15
clearBufferfv

The WebGL2RenderingContext.clearBuffer[fiuv]() methods of the WebGL 2 API clear buffers from the currently bound framebuffer.
56
79
51
15
58
15
clearBufferiv

The WebGL2RenderingContext.clearBuffer[fiuv]() methods of the WebGL 2 API clear buffers from the currently bound framebuffer.
56
79
51
15
58
15
clearBufferuiv

The WebGL2RenderingContext.clearBuffer[fiuv]() methods of the WebGL 2 API clear buffers from the currently bound framebuffer.
56
79
51
15
58
15
clearColor

The WebGLRenderingContext.clearColor() method of the WebGL API specifies the color values used when clearing color buffers.
56
79
51
15
58
15
clearDepth

The WebGLRenderingContext.clearDepth() method of the WebGL API specifies the clear value for the depth buffer.
56
79
51
15
58
15
clearStencil

The WebGLRenderingContext.clearStencil() method of the WebGL API specifies the clear value for the stencil buffer.
56
79
51
15
58
15
clientWaitSync

The WebGL2RenderingContext.clientWaitSync() method of the WebGL 2 API blocks and waits for a WebGLSync object to become signaled or a given timeout to be passed.
56
79
51
15
58
15
colorMask

The WebGLRenderingContext.colorMask() method of the WebGL API sets which color components to enable or to disable when drawing or rendering to a WebGLFramebuffer.
56
79
51
15
58
15
compileShader

The WebGLRenderingContext.compileShader() method of the WebGL API compiles a GLSL shader into binary data so that it can be used by a WebGLProgram.
56
79
51
15
58
15
compressedTexImage2D

The compressedTexImage2D() method of the WebGLRenderingContext interface of the WebGL API specifies a two-dimensional texture image in a compressed format.
56
79
51
15
58
15
compressedTexImage3D

The compressedTexImage3D() method of the WebGL2RenderingContext interface of the WebGL API specifies a three-dimensional texture image in a compressed format.
56
79
51
15
58
15
compressedTexSubImage2D

The compressedTexSubImage2D() method of the WebGLRenderingContext interface of the WebGL API specifies a two-dimensional sub-rectangle for a texture image in a compressed format.
56
79
51
15
58
15
compressedTexSubImage3D

The compressedTexSubImage3D() method of the WebGL2RenderingContext interface of the WebGL API specifies a three-dimensional sub-rectangle for a texture image in a compressed format.
56
79
51
15
58
15
copyBufferSubData

The WebGL2RenderingContext.copyBufferSubData() method of the WebGL 2 API copies part of the data of a buffer to another buffer.
56
79
51
15
58
15
copyTexImage2D

The copyTexImage2D() method of the WebGLRenderingContext interface of the WebGL API copies pixels from the current WebGLFramebuffer into a 2D texture image.
56
79
51
15
58
15
copyTexSubImage2D

The copyTexSubImage2D() method of the WebGLRenderingContext interface of the WebGL API copies pixels from the current WebGLFramebuffer into a 2D texture sub-image.
56
79
51
15
58
15
copyTexSubImage3D

The copyTexSubImage3D() method of the WebGL2RenderingContext interface of the WebGL API copies pixels from the current WebGLFramebuffer into a 3D texture sub-image.
56
79
51
15
58
15
createBuffer

The WebGLRenderingContext.createBuffer() method of the WebGL API creates and initializes a WebGLBuffer storing data such as vertices or colors.
56
79
51
15
58
15
createFramebuffer

The WebGLRenderingContext.createFramebuffer() method of the WebGL API creates and initializes a WebGLFramebuffer object.
56
79
51
15
58
15
createProgram

The WebGLRenderingContext.createProgram() method of the WebGL API creates and initializes a WebGLProgram object.
56
79
51
15
58
15
createQuery

The WebGL2RenderingContext.createQuery() method of the WebGL 2 API creates and initializes WebGLQuery objects, which provide ways to asynchronously query for information.
56
79
51
15
58
15
createRenderbuffer

The WebGLRenderingContext.createRenderbuffer() method of the WebGL API creates and initializes a WebGLRenderbuffer object.
56
79
51
15
58
15
createSampler

The WebGL2RenderingContext.createSampler() method of the WebGL 2 API creates and initializes WebGLSampler objects.
56
79
51
15
58
15
createShader

The WebGLRenderingContext method createShader() of the WebGL API creates a WebGLShader that can then be configured further using WebGLRenderingContext.shaderSource() and WebGLRenderingContext.compileShader().
56
79
51
15
58
15
createTexture

The WebGLRenderingContext.createTexture() method of the WebGL API creates and initializes a WebGLTexture object.
56
79
51
15
58
15
createTransformFeedback

The WebGL2RenderingContext.createTransformFeedback() method of the WebGL 2 API creates and initializes WebGLTransformFeedback objects.
56
79
51
15
58
15
createVertexArray

The WebGL2RenderingContext.createVertexArray() method of the WebGL 2 API creates and initializes a WebGLVertexArrayObject object that represents a vertex array object (VAO) pointing to vertex array data and which provides names for different sets of vertex data.
56
79
51
15
58
15
cullFace

The WebGLRenderingContext.cullFace() method of the WebGL API specifies whether or not front- and/or back-facing polygons can be culled.
56
79
51
15
58
15
deleteBuffer

The WebGLRenderingContext.deleteBuffer() method of the WebGL API deletes a given WebGLBuffer. This method has no effect if the buffer has already been deleted. Normally you don't need to call this method yourself, when the buffer object is dereferenced it will be marked as free.
56
79
51
15
58
15
deleteFramebuffer

The WebGLRenderingContext.deleteFramebuffer() method of the WebGL API deletes a given WebGLFramebuffer object. This method has no effect if the frame buffer has already been deleted.
56
79
51
15
58
15
deleteProgram

The WebGLRenderingContext.deleteProgram() method of the WebGL API deletes a given WebGLProgram object. This method has no effect if the program has already been deleted.
56
79
51
15
58
15
deleteQuery

The WebGL2RenderingContext.deleteQuery() method of the WebGL 2 API deletes a given WebGLQuery object.
56
79
51
15
58
15
deleteRenderbuffer

The WebGLRenderingContext.deleteRenderbuffer() method of the WebGL API deletes a given WebGLRenderbuffer object. This method has no effect if the render buffer has already been deleted.
56
79
51
15
58
15
deleteSampler

The WebGL2RenderingContext.deleteSampler() method of the WebGL 2 API deletes a given WebGLSampler object.
56
79
51
15
58
15
deleteShader

The WebGLRenderingContext.deleteShader() method of the WebGL API marks a given WebGLShader object for deletion. It will then be deleted whenever the shader is no longer in use. This method has no effect if the shader has already been deleted, and the WebGLShader is automatically marked for deletion when it is destroyed by the garbage collector.
56
79
51
15
58
15
deleteSync

The WebGL2RenderingContext.deleteSync() method of the WebGL 2 API deletes a given WebGLSync object.
56
79
51
15
58
15
deleteTexture

The WebGLRenderingContext.deleteTexture() method of the WebGL API deletes a given WebGLTexture object. This method has no effect if the texture has already been deleted.
56
79
51
15
58
15
deleteTransformFeedback

The WebGL2RenderingContext.deleteTransformFeedback() method of the WebGL 2 API deletes a given WebGLTransformFeedback object.
56
79
51
15
58
15
deleteVertexArray

The WebGL2RenderingContext.deleteVertexArray() method of the WebGL 2 API deletes a given WebGLVertexArrayObject object.
56
79
51
15
58
15
depthFunc

The WebGLRenderingContext.depthFunc() method of the WebGL API specifies a function that compares incoming pixel depth to the current depth buffer value.
56
79
51
15
58
15
depthMask

The WebGLRenderingContext.depthMask() method of the WebGL API sets whether writing into the depth buffer is enabled or disabled.
56
79
51
15
58
15
depthRange

The WebGLRenderingContext.depthRange() method of the WebGL API specifies the depth range mapping from normalized device coordinates to window or viewport coordinates.
56
79
51
15
58
15
detachShader

The WebGLRenderingContext.detachShader() method of the WebGL API detaches a previously attached WebGLShader from a WebGLProgram.
56
79
51
15
58
15
disable

The WebGLRenderingContext.disable() method of the WebGL API disables specific WebGL capabilities for this context.
56
79
51
15
58
15
disableVertexAttribArray

The WebGLRenderingContext.disableVertexAttribArray() method of the WebGL API turns the generic vertex attribute array off at a given index position.
56
79
51
15
58
15
drawArrays

The WebGLRenderingContext.drawArrays() method of the WebGL API renders primitives from array data.
56
79
51
15
58
15
drawArraysInstanced

The WebGL2RenderingContext.drawArraysInstanced() method of the WebGL 2 API renders primitives from array data like the WebGLRenderingContext.drawArrays() method. In addition, it can execute multiple instances of the range of elements.
56
79
51
15
58
15
drawBuffers

The WebGL2RenderingContext.drawBuffers() method of the WebGL 2 API defines draw buffers to which fragment colors are written into. The draw buffer settings are part of the state of the currently bound framebuffer or the drawing buffer if no framebuffer is bound.
56
79
51
15
58
15
drawElements

The WebGLRenderingContext.drawElements() method of the WebGL API renders primitives from array data.
56
79
51
15
58
15
drawElementsInstanced

The WebGL2RenderingContext.drawElementsInstanced() method of the WebGL 2 API renders primitives from array data like the WebGLRenderingContext.drawElements() method. In addition, it can execute multiple instances of a set of elements.
56
79
51
15
58
15
drawingBufferFormat
Experimental
122
122
122
drawingBufferHeight

The read-only WebGLRenderingContext.drawingBufferHeight property represents the actual height of the current drawing buffer. It should match the height attribute of the canvas element associated with this context, but might differ if the implementation is not able to provide the requested height.
56
79
51
15
58
15
drawingBufferStorage
Experimental
122
122
122
drawingBufferWidth

The read-only WebGLRenderingContext.drawingBufferWidth property represents the actual width of the current drawing buffer. It should match the width attribute of the canvas element associated with this context, but might differ if the implementation is not able to provide the requested width.
56
79
51
15
58
15
drawRangeElements

The WebGL2RenderingContext.drawRangeElements() method of the WebGL API renders primitives from array data in a given range.
56
79
51
15
58
15
enable

The WebGLRenderingContext.enable() method of the WebGL API enables specific WebGL capabilities for this context.
56
79
51
15
58
15
enableVertexAttribArray

The WebGLRenderingContext method enableVertexAttribArray(), part of the WebGL API, turns on the generic vertex attribute array at the specified index into the list of attribute arrays.
56
79
51
15
58
15
endQuery

The WebGL2RenderingContext.endQuery() method of the WebGL 2 API marks the end of a given query target.
56
79
51
15
58
15
endTransformFeedback

The WebGL2RenderingContext.endTransformFeedback() method of the WebGL 2 API ends a transform feedback operation.
56
79
51
15
58
15
fenceSync

The WebGL2RenderingContext.fenceSync() method of the WebGL 2 API creates a new WebGLSync object and inserts it into the GL command stream.
56
79
51
15
58
15
finish

The WebGLRenderingContext.finish() method of the WebGL API blocks execution until all previously called commands are finished.
56
79
51
15
58
15
flush

The WebGLRenderingContext.flush() method of the WebGL API empties different buffer commands, causing all commands to be executed as quickly as possible.
56
79
51
15
58
15
framebufferRenderbuffer

The WebGLRenderingContext.framebufferRenderbuffer() method of the WebGL API attaches a WebGLRenderbuffer object to a WebGLFramebuffer object.
56
79
51
15
58
15
framebufferTexture2D

The WebGLRenderingContext.framebufferTexture2D() method of the WebGL API attaches a texture to a WebGLFramebuffer.
56
79
51
15
58
15
framebufferTextureLayer

The WebGL2RenderingContext.framebufferTextureLayer() method of the WebGL 2 API attaches a single layer of a texture to a framebuffer.
56
79
51
15
58
15
frontFace

The WebGLRenderingContext.frontFace() method of the WebGL API specifies whether polygons are front- or back-facing by setting a winding orientation.
56
79
51
15
58
15
generateMipmap

The WebGLRenderingContext.generateMipmap() method of the WebGL API generates a set of mipmaps for a WebGLTexture object.
56
79
51
15
58
15
getActiveAttrib

The WebGLRenderingContext.getActiveAttrib() method of the WebGL API returns a WebGLActiveInfo object containing size, type, and name of a vertex attribute. It is generally used when querying unknown attributes either for debugging or generic library creation.
56
79
51
15
58
15
getActiveUniform

The WebGLRenderingContext.getActiveUniform() method of the WebGL API returns a WebGLActiveInfo object containing size, type, and name of a uniform attribute. It is generally used when querying unknown uniforms either for debugging or generic library creation.
56
79
51
15
58
15
getActiveUniformBlockName

The WebGL2RenderingContext.getActiveUniformBlockName() method of the WebGL 2 API retrieves the name of the active uniform block at a given index within a WebGLProgram.
56
79
51
15
58
15
getActiveUniformBlockParameter

The WebGL2RenderingContext.getActiveUniformBlockParameter() method of the WebGL 2 API retrieves information about an active uniform block within a WebGLProgram.
56
79
51
15
58
15
getActiveUniforms

The WebGL2RenderingContext.getActiveUniforms() method of the WebGL 2 API retrieves information about active uniforms within a WebGLProgram.
56
79
51
15
58
15
getAttachedShaders

The WebGLRenderingContext.getAttachedShaders() method of the WebGL API returns a list of WebGLShader objects attached to a WebGLProgram.
56
79
51
15
58
15
getAttribLocation

The WebGLRenderingContext.getAttribLocation() method of the WebGL API returns the location of an attribute variable in a given WebGLProgram.
56
79
51
15
58
15
getBufferParameter

The WebGLRenderingContext.getBufferParameter() method of the WebGL API returns information about the buffer.
56
79
51
15
58
15
getBufferSubData

The WebGL2RenderingContext.getBufferSubData() method of the WebGL 2 API reads data from a buffer binding point and writes them to an ArrayBuffer or SharedArrayBuffer.
56
79
51
15
58
15
getContextAttributes

The WebGLRenderingContext.getContextAttributes() method returns a WebGLContextAttributes object that contains the actual context parameters. Might return null, if the context is lost.
56
79
51
15
58
15
getError

The WebGLRenderingContext.getError() method of the WebGL API returns error information.
56
79
51
15
58
15
getExtension

The WebGLRenderingContext.getExtension() method enables a WebGL extension.
56
79
51
15
58
15
getFragDataLocation

The WebGL2RenderingContext.getFragDataLocation() method of the WebGL 2 API returns the binding of color numbers to user-defined varying out variables.
56
79
51
15
58
15
getFramebufferAttachmentParameter

The WebGLRenderingContext.getFramebufferAttachmentParameter() method of the WebGL API returns information about a framebuffer's attachment.
56
79
51
15
58
15
getIndexedParameter

The WebGL2RenderingContext.getIndexedParameter() method of the WebGL 2 API returns indexed information about a given target.
56
79
51
15
58
15
getInternalformatParameter

The WebGL2RenderingContext.getInternalformatParameter() method of the WebGL 2 API returns information about implementation-dependent support for internal formats.
56
79
51
15
58
15
getParameter

The WebGLRenderingContext.getParameter() method of the WebGL API returns a value for the passed parameter name.
56
79
51
15
58
15
getProgramInfoLog

The WebGLRenderingContext.getProgramInfoLog returns the information log for the specified WebGLProgram object. It contains errors that occurred during failed linking or validation of WebGLProgram objects.
56
79
51
15
58
15
getProgramParameter

The WebGLRenderingContext.getProgramParameter() method of the WebGL API returns information about the given program.
56
79
51
15
58
15
getQuery

The WebGL2RenderingContext.getQuery() method of the WebGL 2 API returns the currently active WebGLQuery for the target, or null.
56
79
51
15
58
15
getQueryParameter

The WebGL2RenderingContext.getQueryParameter() method of the WebGL 2 API returns parameter information of a WebGLQuery object.
56
79
51
15
58
15
getRenderbufferParameter

The WebGLRenderingContext.getRenderbufferParameter() method of the WebGL API returns information about the renderbuffer.
56
79
51
15
58
15
getSamplerParameter

The WebGL2RenderingContext.getSamplerParameter() method of the WebGL 2 API returns parameter information of a WebGLSampler object.
56
79
51
15
58
15
getShaderInfoLog

The WebGLRenderingContext.getShaderInfoLog returns the information log for the specified WebGLShader object. It contains warnings, debugging and compile information.
56
79
51
15
58
15
getShaderParameter

The WebGLRenderingContext.getShaderParameter() method of the WebGL API returns information about the given shader.
56
79
51
15
58
15
getShaderPrecisionFormat

The WebGLRenderingContext.getShaderPrecisionFormat() method of the WebGL API returns a new WebGLShaderPrecisionFormat object describing the range and precision for the specified shader numeric format.
56
79
51
15
58
15
getShaderSource

The WebGLRenderingContext.getShaderSource() method of the WebGL API returns the source code of a WebGLShader as a string.
56
79
51
15
58
15
getSupportedExtensions

The WebGLRenderingContext.getSupportedExtensions() method returns a list of all the supported WebGL extensions.
56
79
51
15
58
15
getSyncParameter

The WebGL2RenderingContext.getSyncParameter() method of the WebGL 2 API returns parameter information of a WebGLSync object.
56
79
51
15
58
15
getTexParameter

The WebGLRenderingContext.getTexParameter() method of the WebGL API returns information about the given texture.
56
79
51
15
58
15
getTransformFeedbackVarying

The WebGL2RenderingContext.getTransformFeedbackVarying() method of the WebGL 2 API returns information about varying variables from WebGLTransformFeedback buffers.
56
79
51
15
58
15
getUniform

The WebGLRenderingContext.getUniform() method of the WebGL API returns the value of a uniform variable at a given location.
56
79
51
15
58
15
getUniformBlockIndex

The WebGL2RenderingContext.getUniformBlockIndex() method of the WebGL 2 API retrieves the index of a uniform block within a WebGLProgram.
56
79
51
15
58
15
getUniformIndices

The WebGL2RenderingContext.getUniformIndices() method of the WebGL 2 API retrieves the indices of a number of uniforms within a WebGLProgram.
56
79
51
15
58
15
getUniformLocation

Part of the WebGL API, the WebGLRenderingContext method getUniformLocation() returns the location of a specific uniform variable which is part of a given WebGLProgram.
56
79
51
15
58
15
getVertexAttrib

The WebGLRenderingContext.getVertexAttrib() method of the WebGL API returns information about a vertex attribute at a given position.
56
79
51
15
58
15
getVertexAttribOffset

The WebGLRenderingContext.getVertexAttribOffset() method of the WebGL API returns the address of a specified vertex attribute.
56
79
51
15
58
15
hint

The WebGLRenderingContext.hint() method of the WebGL API specifies hints for certain behaviors. The interpretation of these hints depend on the implementation.
56
79
51
15
58
15
invalidateFramebuffer

The WebGL2RenderingContext.invalidateFramebuffer() method of the WebGL 2 API invalidates the contents of attachments in a framebuffer.
56
79
51
15
58
15
invalidateSubFramebuffer

The WebGL2RenderingContext.invalidateSubFramebuffer() method of the WebGL 2 API invalidates portions of the contents of attachments in a framebuffer.
56
79
51
15
58
15
isBuffer

The WebGLRenderingContext.isBuffer() method of the WebGL API returns true if the passed WebGLBuffer is valid and false otherwise.
56
79
51
15
58
15
isContextLost

The WebGLRenderingContext.isContextLost() method returns a boolean value indicating whether or not the WebGL context has been lost and must be re-established before rendering can resume.
56
79
51
15
58
15
isEnabled

The WebGLRenderingContext.isEnabled() method of the WebGL API tests whether a specific WebGL capability is enabled or not for this context.
56
79
51
15
58
15
isFramebuffer

The WebGLRenderingContext.isFramebuffer() method of the WebGL API returns true if the passed WebGLFramebuffer is valid and false otherwise.
56
79
51
15
58
15
isProgram

The WebGLRenderingContext.isProgram() method of the WebGL API returns true if the passed WebGLProgram is valid, false otherwise.
56
79
51
15
58
15
isQuery

The WebGL2RenderingContext.isQuery() method of the WebGL 2 API returns true if the passed object is a valid WebGLQuery object.
56
79
51
15
58
15
isRenderbuffer

The WebGLRenderingContext.isRenderbuffer() method of the WebGL API returns true if the passed WebGLRenderbuffer is valid and false otherwise.
56
79
51
15
58
15
isSampler

The WebGL2RenderingContext.isSampler() method of the WebGL 2 API returns true if the passed object is a valid WebGLSampler object.
56
79
51
15
58
15
isShader

The WebGLRenderingContext.isShader() method of the WebGL API returns true if the passed WebGLShader is valid, false otherwise.
56
79
51
15
58
15
isSync

The WebGL2RenderingContext.isSync() method of the WebGL 2 API returns true if the passed object is a valid WebGLSync object.
56
79
51
15
58
15
isTexture

The WebGLRenderingContext.isTexture() method of the WebGL API returns true if the passed WebGLTexture is valid and false otherwise.
56
79
51
15
58
15
isTransformFeedback

The WebGL2RenderingContext.isTransformFeedback() method of the WebGL 2 API returns true if the passed object is a valid WebGLTransformFeedback object.
56
79
51
15
58
15
isVertexArray

The WebGL2RenderingContext.isVertexArray() method of the WebGL API returns true if the passed object is a valid WebGLVertexArrayObject object.
56
79
51
15
58
15
lineWidth

The WebGLRenderingContext.lineWidth() method of the WebGL API sets the line width of rasterized lines.
56
79
51
15
58
15
linkProgram

The WebGLRenderingContext interface's linkProgram() method links a given WebGLProgram, completing the process of preparing the GPU code for the program's fragment and vertex shaders.
56
79
51
15
58
15
pauseTransformFeedback

The WebGL2RenderingContext.pauseTransformFeedback() method of the WebGL 2 API pauses a transform feedback operation.
56
79
51
15
58
15
pixelStorei

The WebGLRenderingContext.pixelStorei() method of the WebGL API specifies the pixel storage modes.
56
79
51
15
58
15
polygonOffset

The WebGLRenderingContext.polygonOffset() method of the WebGL API specifies the scale factors and units to calculate depth values.
56
79
51
15
58
15
readBuffer

The WebGL2RenderingContext.readBuffer() method of the WebGL 2 API selects a color buffer as the source for pixels for subsequent calls to WebGLRenderingContext.copyTexImage2D, WebGLRenderingContext.copyTexSubImage2D, WebGL2RenderingContext.copyTexSubImage3D or WebGLRenderingContext.readPixels.
56
79
51
15
58
15
readPixels

The WebGLRenderingContext.readPixels() method of the WebGL API reads a block of pixels from a specified rectangle of the current color framebuffer into a TypedArray or a DataView object.
56
79
51
15
58
15
renderbufferStorage

The WebGLRenderingContext.renderbufferStorage() method of the WebGL API creates and initializes a renderbuffer object's data store.
56
79
51
15
58
15
renderbufferStorageMultisample

The WebGL2RenderingContext.renderbufferStorageMultisample() method of the WebGL 2 API returns creates and initializes a renderbuffer object's data store and allows specifying a number of samples to be used.
56
79
51
15
58
15
resumeTransformFeedback

The WebGL2RenderingContext.resumeTransformFeedback() method of the WebGL 2 API resumes a transform feedback operation.
56
79
51
15
58
15
sampleCoverage

The WebGLRenderingContext.sampleCoverage() method of the WebGL API specifies multi-sample coverage parameters for anti-aliasing effects.
56
79
51
15
58
15
samplerParameterf

The WebGL2RenderingContext.samplerParameter[if]() methods of the WebGL 2 API set WebGLSampler parameters.
56
79
51
15
58
15
samplerParameteri

The WebGL2RenderingContext.samplerParameter[if]() methods of the WebGL 2 API set WebGLSampler parameters.
56
79
51
15
58
15
scissor

The WebGLRenderingContext.scissor() method of the WebGL API sets a scissor box, which limits the drawing to a specified rectangle.
56
79
51
15
58
15
shaderSource

The WebGLRenderingContext.shaderSource() method of the WebGL API sets the source code of a WebGLShader.
56
79
51
15
58
15
stencilFunc

The WebGLRenderingContext.stencilFunc() method of the WebGL API sets the front and back function and reference value for stencil testing.
56
79
51
15
58
15
stencilFuncSeparate

The WebGLRenderingContext.stencilFuncSeparate() method of the WebGL API sets the front and/or back function and reference value for stencil testing.
56
79
51
15
58
15
stencilMask

The WebGLRenderingContext.stencilMask() method of the WebGL API controls enabling and disabling of both the front and back writing of individual bits in the stencil planes.
56
79
51
15
58
15
stencilMaskSeparate

The WebGLRenderingContext.stencilMaskSeparate() method of the WebGL API controls enabling and disabling of front and/or back writing of individual bits in the stencil planes.
56
79
51
15
58
15
stencilOp

The WebGLRenderingContext.stencilOp() method of the WebGL API sets both the front and back-facing stencil test actions.
56
79
51
15
58
15
stencilOpSeparate

The WebGLRenderingContext.stencilOpSeparate() method of the WebGL API sets the front and/or back-facing stencil test actions.
56
79
51
15
58
15
texImage2D

The texImage2D() method of the WebGLRenderingContext interface of the WebGL API specifies a two-dimensional texture image.
56
79
51
15
58
15
texImage3D

The texImage3D() method of the WebGL2RenderingContext interface of the WebGL API specifies a three-dimensional texture image.
56
79
51
15
58
15
texParameterf

The WebGLRenderingContext.texParameter[fi]() methods of the WebGL API set texture parameters.
56
79
51
15
58
15
texParameteri

The WebGLRenderingContext.texParameter[fi]() methods of the WebGL API set texture parameters.
56
79
51
15
58
15
texStorage2D

The texStorage2D() method of the WebGL2RenderingContext of the WebGL API specifies all levels of two-dimensional texture storage.
56
79
51
15
58
15
texStorage3D

The texStorage3D() method of the WebGL2RenderingContext of the WebGL API specifies all levels of three-dimensional texture storage.
56
79
51
15
58
15
texSubImage2D

The texSubImage2D() method of the WebGLRenderingContext interface of the WebGL API specifies a two-dimensional sub-rectangle for a texture image.
56
79
51
15
58
15
texSubImage3D

The texSubImage3D() method of the WebGL2RenderingContext interface of the WebGL API specifies a three-dimensional sub-rectangle for a texture image.
56
79
51
15
58
15
transformFeedbackVaryings

The WebGL2RenderingContext.transformFeedbackVaryings() method of the WebGL 2 API specifies values to record in WebGLTransformFeedback buffers.
56
79
51
15
58
15
uniform1f

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform1fv

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform1i

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform1iv

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform1ui

The WebGL2RenderingContext.uniform[1234][uif][v]() methods of the WebGL API specify values of uniform variables.
56
79
51
15
58
15
uniform1uiv

The WebGL2RenderingContext.uniform[1234][uif][v]() methods of the WebGL API specify values of uniform variables.
56
79
51
15
58
15
uniform2f

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform2fv

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform2i

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform2iv

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform2ui

The WebGL2RenderingContext.uniform[1234][uif][v]() methods of the WebGL API specify values of uniform variables.
56
79
51
15
58
15
uniform2uiv

The WebGL2RenderingContext.uniform[1234][uif][v]() methods of the WebGL API specify values of uniform variables.
56
79
51
15
58
15
uniform3f

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform3fv

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform3i

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform3iv

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform3ui

The WebGL2RenderingContext.uniform[1234][uif][v]() methods of the WebGL API specify values of uniform variables.
56
79
51
15
58
15
uniform3uiv

The WebGL2RenderingContext.uniform[1234][uif][v]() methods of the WebGL API specify values of uniform variables.
56
79
51
15
58
15
uniform4f

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform4fv

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform4i

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform4iv

The WebGLRenderingContext.uniform[1234][fi][v]() methods of the WebGL API specify values of uniform variables. All active uniform variables defined in a program object are initialized to 0 when the program object is linked successfully. They retain the values assigned to them by a call to this method until the next successful link operation occurs on the…
56
79
51
15
58
15
uniform4ui

The WebGL2RenderingContext.uniform[1234][uif][v]() methods of the WebGL API specify values of uniform variables.
56
79
51
15
58
15
uniform4uiv

The WebGL2RenderingContext.uniform[1234][uif][v]() methods of the WebGL API specify values of uniform variables.
56
79
51
15
58
15
uniformBlockBinding

The WebGL2RenderingContext.uniformBlockBinding() method of the WebGL 2 API assigns binding points for active uniform blocks.
56
79
51
15
58
15
uniformMatrix2fv

The WebGL2RenderingContext.uniformMatrix[234]x[234]fv() methods of the WebGL 2 API specify matrix values for uniform variables.
56
79
51
15
58
15
uniformMatrix2x3fv

The WebGL2RenderingContext.uniformMatrix[234]x[234]fv() methods of the WebGL 2 API specify matrix values for uniform variables.
56
79
51
15
58
15
uniformMatrix2x4fv

The WebGL2RenderingContext.uniformMatrix[234]x[234]fv() methods of the WebGL 2 API specify matrix values for uniform variables.
56
79
51
15
58
15
uniformMatrix3fv

The WebGLRenderingContext.uniformMatrix[234]fv() methods of the WebGL API specify matrix values for uniform variables.
56
79
51
15
58
15
uniformMatrix3x2fv

The WebGL2RenderingContext.uniformMatrix[234]x[234]fv() methods of the WebGL 2 API specify matrix values for uniform variables.
56
79
51
15
58
15
uniformMatrix3x4fv

The WebGL2RenderingContext.uniformMatrix[234]x[234]fv() methods of the WebGL 2 API specify matrix values for uniform variables.
56
79
51
15
58
15
uniformMatrix4fv

The WebGLRenderingContext.uniformMatrix[234]fv() methods of the WebGL API specify matrix values for uniform variables.
56
79
51
15
58
15
uniformMatrix4x2fv

The WebGL2RenderingContext.uniformMatrix[234]x[234]fv() methods of the WebGL 2 API specify matrix values for uniform variables.
56
79
51
15
58
15
uniformMatrix4x3fv

The WebGL2RenderingContext.uniformMatrix[234]x[234]fv() methods of the WebGL 2 API specify matrix values for uniform variables.
56
79
51
15
58
15
useProgram

The WebGLRenderingContext.useProgram() method of the WebGL API sets the specified WebGLProgram as part of the current rendering state.
56
79
51
15
58
15
validateProgram

The WebGLRenderingContext.validateProgram() method of the WebGL API validates a WebGLProgram. It checks if it is successfully linked and if it can be used in the current WebGL state.
56
79
51
15
58
15
vertexAttrib1f

The WebGLRenderingContext.vertexAttrib[1234]f[v]() methods of the WebGL API specify constant values for generic vertex attributes.
56
79
51
15
58
15
vertexAttrib1fv

The WebGLRenderingContext.vertexAttrib[1234]f[v]() methods of the WebGL API specify constant values for generic vertex attributes.
56
79
51
15
58
15
vertexAttrib2f

The WebGLRenderingContext.vertexAttrib[1234]f[v]() methods of the WebGL API specify constant values for generic vertex attributes.
56
79
51
15
58
15
vertexAttrib2fv

The WebGLRenderingContext.vertexAttrib[1234]f[v]() methods of the WebGL API specify constant values for generic vertex attributes.
56
79
51
15
58
15
vertexAttrib3f

The WebGLRenderingContext.vertexAttrib[1234]f[v]() methods of the WebGL API specify constant values for generic vertex attributes.
56
79
51
15
58
15
vertexAttrib3fv

The WebGLRenderingContext.vertexAttrib[1234]f[v]() methods of the WebGL API specify constant values for generic vertex attributes.
56
79
51
15
58
15
vertexAttrib4f

The WebGLRenderingContext.vertexAttrib[1234]f[v]() methods of the WebGL API specify constant values for generic vertex attributes.
56
79
51
15
58
15
vertexAttrib4fv

The WebGLRenderingContext.vertexAttrib[1234]f[v]() methods of the WebGL API specify constant values for generic vertex attributes.
56
79
51
15
58
15
vertexAttribDivisor

The WebGL2RenderingContext.vertexAttribDivisor() method of the WebGL 2 API modifies the rate at which generic vertex attributes advance when rendering multiple instances of primitives with WebGL2RenderingContext.drawArraysInstanced() and WebGL2RenderingContext.drawElementsInstanced().
56
79
51
15
58
15
vertexAttribI4i

The WebGL2RenderingContext.vertexAttribI4[u]i[v]() methods of the WebGL 2 API specify integer values for generic vertex attributes.
56
79
51
15
58
15
vertexAttribI4iv

The WebGL2RenderingContext.vertexAttribI4[u]i[v]() methods of the WebGL 2 API specify integer values for generic vertex attributes.
56
79
51
15
58
15
vertexAttribI4ui

The WebGL2RenderingContext.vertexAttribI4[u]i[v]() methods of the WebGL 2 API specify integer values for generic vertex attributes.
56
79
51
15
58
15
vertexAttribI4uiv

The WebGL2RenderingContext.vertexAttribI4[u]i[v]() methods of the WebGL 2 API specify integer values for generic vertex attributes.
56
79
51
15
58
15
vertexAttribIPointer

The WebGL2RenderingContext.vertexAttribIPointer() method of the WebGL 2 API specifies integer data formats and locations of vertex attributes in a vertex attributes array.
56
79
51
15
58
15
vertexAttribPointer

The WebGLRenderingContext.vertexAttribPointer() method of the WebGL API binds the buffer currently bound to gl.ARRAY_BUFFER to a generic vertex attribute of the current vertex buffer object and specifies its layout.
56
79
51
15
58
15
viewport

The WebGLRenderingContext.viewport() method of the WebGL API sets the viewport, which specifies the affine transformation of x and y from normalized device coordinates to window coordinates.
56
79
51
15
58
15
waitSync

The WebGL2RenderingContext.waitSync() method of the WebGL 2 API returns immediately, but waits on the GL server until the given WebGLSync object is signaled.
56
79
51
15
58
15
WebGLQuery

The WebGLQuery interface is part of the WebGL 2 API and provides ways to asynchronously query for information. By default, occlusion queries and primitive queries are available.
56
79
51
15
58
15
WebGLSampler

The WebGLSampler interface is part of the WebGL 2 API and stores sampling parameters for WebGLTexture access inside of a shader.
56
79
51
15
58
15
WebGLSync

The WebGLSync interface is part of the WebGL 2 API and is used to synchronize activities between the GPU and the application.
56
79
51
15
58
15
WebGLTransformFeedback

The WebGLTransformFeedback interface is part of the WebGL 2 API and enables transform feedback, which is the process of capturing primitives generated by vertex processing. It allows to preserve the post-transform rendering state of an object and resubmit this data multiple times.
56
79
51
15
58
15
WebGLVertexArrayObject

The WebGLVertexArrayObject interface is part of the WebGL 2 API, represents vertex array objects (VAOs) pointing to vertex array data, and provides names for different sets of vertex data.
56
79
51
15
58
15
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Notes 1 item(s)
Implementation note
  • Previously available under a different name: experimental-webgl2 (25)
Notes 2 item(s)
Limitation
  • This browser only partially implements this feature
Implementation note
  • Chrome respects the GPU hint on macOS only.
Notes 2 item(s)
Limitation
  • This browser only partially implements this feature
Implementation note
  • Edge respects the GPU hint on macOS only.
Notes 2 item(s)
Limitation
  • This browser only partially implements this feature
Implementation note
  • Firefox respects the GPU hint on macOS only.
Notes 2 item(s)
Limitation
  • This browser only partially implements this feature
Implementation note
  • Chrome Android respects the GPU hint on macOS only.

Syntax

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>

Live demo

WebGL2 support check

Detect a WebGL2 context and show a dedicated support message.

PreviewFullscreen

Viewport resize

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

PreviewFullscreen

Feature notes

Summarize what WebGL2 adds once the context is available.

PreviewFullscreen

Use cases

  • Advanced 3D rendering

    Use newer texture, buffer, and shader capabilities for scenes that need more control than WebGL 1 provides.

  • Visualization engines

    Scientific, mapping, and simulation tools can benefit from the broader rendering feature set.

Cautions

  • The added capability also brings more complexity, so avoid it if the simpler rendering stack is already enough.
  • Test fallback behavior carefully because some environments still expose only WebGL 1.

Accessibility

  • As with other graphics APIs, preserve equivalent information outside the rendered scene whenever possible.
  • Users should not need precise pointer gestures or motion-heavy interaction just to reach essential functionality.

Related links

Powered by web-features