在WebGL中设置制服

Question

任何人都可以向我解释或指出正确设置正确值的正确方法。 在备忘单中，我们得到以下信息：

void uniform[1234][fi](uint location, ...) void uniform[1234][fi]v(uint location, Array value) void uniformMatrix[234]fv(uint location, bool transpose, Array)

但是我想知道它们各自在做什么以及f和i是做什么的。

Answer 1

1234 =尺寸

f =浮动

i =整数

v最后一个字符（如果存在）是v，表示命令采用值的数组（向量）而不是一系列单独的参数

对于非均匀阵列之间的唯一区别v和non v的统一功能的版本就是你如何提供数据给它：

uniform1fv(loc,[3.14159])与uniform1f(loc,3.14159) 。

uniform3fv(loc,[.5,1.,.5])与uniform3f(loc,.5,1.,.5)

但是对于数组统一，您可以使用v函数设置整个数组

在着色器中

uniform float someArray[10];

在js中

// at init time
var location = gl.getUniformLocation(prg, "someArray");

// at render time
var arrayWith10Values = [5, 4, 1, 3, 4, 5, 12, 0.1, 2, -1];
gl.uniform1fv(location, arrayWith10Values);

要使用非v函数做到这一点，您必须查找每个位置

var location0 = gl.getUniformLocation(prg, "someArray[0]");
var location1 = gl.getUniformLocation(prg, "someArray[1]");
var location2 = gl.getUniformLocation(prg, "someArray[2]");
var location3 = gl.getUniformLocation(prg, "someArray[3]");
var location4 = gl.getUniformLocation(prg, "someArray[4]");
...etc...

gl.uniform1f(location0, value0);
gl.uniform1f(location1, value1);
gl.uniform1f(location2, value2);
gl.uniform1f(location3, value3);
gl.uniform1f(location4, value4);
...etc...

Answer 2

这不是很难理解的。

方括号内的值表示变量的尺寸和数据类型。 所以你有以下清单

• 1-一个值
• 2-两个值
• 3-三个值
• 4-四个值
• f-您的数据是浮动的
• 我-您的数据是整数
• v-您的数据引用数组

WebGL规范中对此有更多信息。