This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Note: This feature is available in Web Workers.
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.
getActiveUniform(program, index)
programA WebGLProgram specifying the WebGL shader program from which to obtain the uniform variable's information.
indexA GLuint specifying the index of the uniform attribute to get. This value is an index 0 to N - 1 as returned by gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS).
A WebGLActiveInfo object describing the uniform.
The type attribute of the return value will be one of the following:
gl.FLOATgl.FLOAT_VEC2gl.FLOAT_VEC3gl.FLOAT_VEC4gl.INTgl.INT_VEC2gl.INT_VEC3gl.INT_VEC4gl.BOOLgl.BOOL_VEC2gl.BOOL_VEC3gl.BOOL_VEC4gl.FLOAT_MAT2gl.FLOAT_MAT3gl.FLOAT_MAT4gl.SAMPLER_2Dgl.SAMPLER_CUBEgl.UNSIGNED_INTgl.UNSIGNED_INT_VEC2gl.UNSIGNED_INT_VEC3gl.UNSIGNED_INT_VEC4gl.FLOAT_MAT2x3gl.FLOAT_MAT2x4gl.FLOAT_MAT3x2gl.FLOAT_MAT3x4gl.FLOAT_MAT4x2gl.FLOAT_MAT4x3gl.SAMPLER_3Dgl.SAMPLER_2D_SHADOWgl.SAMPLER_2D_ARRAYgl.SAMPLER_2D_ARRAY_SHADOWgl.SAMPLER_CUBE_SHADOWgl.INT_SAMPLER_2Dgl.INT_SAMPLER_3Dgl.INT_SAMPLER_CUBEgl.INT_SAMPLER_2D_ARRAYgl.UNSIGNED_INT_SAMPLER_2Dgl.UNSIGNED_INT_SAMPLER_3Dgl.UNSIGNED_INT_SAMPLER_CUBEgl.UNSIGNED_INT_SAMPLER_2D_ARRAYWhen gl.linkProgram is called, WebGL creates a list of active uniforms. These are possible values of the name attribute of return values of getActiveUniform. WebGL generates one or more entries in the list depending on the declared type of the uniform in the shader:
Single basic type: one entry with the name of the uniform. E.g. uniform vec4 a; will result in a.
Array of basic type: one entry with the name of the uniform suffixed with [0]. E.g. uniform vec4 b[]; will result in b[0].
Struct type: one entry for each member of the struct. E.g. uniform struct { float foo; vec4 bar; } c; will result in c.foo and c.bar.
Arrays of structs or arrays: each entry of the array will generate its own entries. E.g. uniform struct { float foo; vec4 bar; } d[2]; will result in:
d[0].food[0].bard[1].food[1].barUniform blocks: one entry for each member. If the uniform block has an instance name, the block name is prefixed. E.g. uniform Block { float foo; }; will result in foo, and uniform Block { float bar; } e; will result in e.bar.
The size attribute of the return value corresponds to the length of the array for uniforms declared as arrays. Otherwise, it is 1 (this includes interface blocks instanced with arrays).
gl.INVALID_VALUE is generated if the program WebGLProgram is invalid (not linked, deleted, etc.).gl.INVALID_VALUE is generated if index is not in the range [0, gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS) - 1].const numUniforms = gl.getProgramParameter(program, gl.ACTIVE_UNIFORMS);
for (let i = 0; i < numUniforms; ++i) {
const info = gl.getActiveUniform(program, i);
console.log("name:", info.name, "type:", info.type, "size:", info.size);
}
| Specification |
|---|
| WebGL Specification> # 5.14.10> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
getActiveUniform |
9 | 12 | 4 | 12 | 5.1 | 25 | 4 | 12 | 8 | 1.5 | 4.4.3 | 8 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/getActiveUniform