W3cubDocs

/Web APIs

WebGL2RenderingContext: transformFeedbackVaryings() method

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 WebGL2RenderingContext.transformFeedbackVaryings() method of the WebGL 2 API specifies values to record in WebGLTransformFeedback buffers.

Syntax

transformFeedbackVaryings(program, varyings, bufferMode)

Parameters

program: A WebGLProgram.
varyings: An Array of string specifying the names of the varying variables to use.
bufferMode: A GLenum specifying the mode to use when capturing the varying variables. Either gl.INTERLEAVED_ATTRIBS or gl.SEPARATE_ATTRIBS.

Return value

None (undefined).

Examples

const transformFeedback = gl.createTransformFeedback();
gl.bindTransformFeedback(gl.TRANSFORM_FEEDBACK, transformFeedback);
const transformFeedbackOutputs = ["gl_Position", "anotherOutput"];

gl.transformFeedbackVaryings(
  shaderProg,
  transformFeedbackOutputs,
  gl.INTERLEAVED_ATTRIBS,
);
gl.linkProgram(shaderProg);

Specifications

Specification
WebGL 2.0 Specification> # 3.7.15>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`transformFeedbackVaryings`	56	79	51	43	15	58	51	43	15	7.0	58	15