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.

See full compatibility

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`	Chrome – Full support Chrome 56 (Release date: 2017-01-25) footnote Full support	Edge – Full support Edge 79 (Release date: 2020-01-15) footnote Full support	Firefox – Full support Firefox 51 (Release date: 2017-01-24) footnote Full support	Opera – Full support Opera 43 (Release date: 2017-02-07) footnote Full support	Safari – Full support Safari 15 (Release date: 2021-09-20) footnote Full support	Chrome Android – Full support Chrome Android 58 (Release date: 2017-04-25) footnote Full support	Firefox for Android – Full support Firefox for Android 51 (Release date: 2017-01-24) footnote Full support	Opera Android – Full support Opera Android 43 (Release date: 2017-09-27) footnote Full support	Safari on iOS – Full support Safari on iOS 15 (Release date: 2021-09-20) footnote Full support	Samsung Internet – Full support Samsung Internet 7 (Release date: 2018-03-16) footnote Full support	WebView Android – Full support WebView Android 58 (Release date: 2017-04-25) footnote Full support	WebView on iOS – Full support WebView on iOS 15 (Release date: 2021-09-20) footnote Full support

Tip: you can click/tap on a cell for more information.

Full support: Full support