WebGLTransformFeedback
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.
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.
When working with WebGLTransformFeedback
objects, the following methods of the WebGL2RenderingContext
are useful:
WebGL2RenderingContext.createTransformFeedback()
WebGL2RenderingContext.deleteTransformFeedback()
WebGL2RenderingContext.isTransformFeedback()
WebGL2RenderingContext.bindTransformFeedback()
WebGL2RenderingContext.beginTransformFeedback()
WebGL2RenderingContext.endTransformFeedback()
WebGL2RenderingContext.pauseTransformFeedback()
WebGL2RenderingContext.resumeTransformFeedback()
WebGL2RenderingContext.transformFeedbackVaryings()
WebGL2RenderingContext.getTransformFeedbackVarying()
Examples
Creating a WebGLTransformFeedback
object
in this example, gl
must be a WebGL2RenderingContext
. WebGLTransformFeedback
objects are not available in WebGL 1.
js
const transformFeedback = gl.createTransformFeedback();
Specifications
Specification |
---|
WebGL 2.0 Specification # 3.5 |
Browser compatibility
BCD tables only load in the browser