glsl定义变量接收 JavaScript 传递过来的信息,有两种形式,
-
attribue 变量:只能在
顶点着色器
中定义。 -
uniform 变量:既可以在
顶点着色器
中定义,也可以在片元着色器中
定义。
此外还有一种varing
变量:它用来从顶点着色器
中往片元着色器
传递数据。使用它我们可以在顶点着色器中声明一个变量并对其赋值,经过插值处理后,在片元着色器中取出插值后的值来使用。
JavaScript 如何往着色器中传递数据
- getAttribLocation:找到着色器中的
attribute 变量
地址。 - getUniformLocation:找到着色器中的
uniform 变量
地址。 - vertexAttrib2f:给
attribute 变量
传递两个浮点数。 - uniform4f:给
uniform变量
传递四个浮点数。