在webgl中设置制服

时间:2015-06-25 12:05:32

标签: javascript opengl-es webgl

任何人都可以向正确的方向解释或指出我对用于设定统一值的不同函数的良好解释。在备忘单here中,我们得到了这个:

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和我的用途。

2 个答案:

答案 0 :(得分:3)

1234 =维度

f = float

i =整数

v最后一个字符(如果存在)是v, 指示该命令采用值的数组(向量) 而不是一系列个别论点

对于非数组统一,统一函数的vnon v版本之间的唯一区别就是如何向其提供数据:

uniform1fv(loc,[3.14159]) vs uniform1f(loc,3.14159)

uniform3fv(loc,[.5,1.,.5]) vs 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...

答案 1 :(得分:2)

这不是很难理解。

方括号内的值是指变量的维度和数据类型。所以你有以下列表

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

在WebGL规范中有更多信息。