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.
Note: This feature is available in Web Workers.
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
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
WebGLTransformFeedback | ||||||||||||