8

我正在尝试在我的着色器中实现多个灯光,但我无法用我的灯光数据填充制服。

我的顶点着色器:

attribute vec3 aVertex;
attribute vec3 aNormal;
attribute vec2 aTexture;

uniform mat4 uMVMatrix;
uniform mat4 uPMatrix;
uniform mat4 uNMatrix;

uniform vec3 uAmbientColor;
uniform vec3 uPointLightingLocation[16];
uniform vec3 uPointLightingColor[16];

varying vec2 vTexture;
varying vec3 vLightWeighting;

void main(void) {
    vec4 mvPosition = uMVMatrix * vec4(aVertex, 1.0);
    gl_Position = uPMatrix * mvPosition;
    vTexture = aTexture;

    int i;
    for (i = 0; i < 16; i++) {
        vec3 lightDirection = normalize(uPointLightingLocation[i] - mvPosition.xyz);
        vec4 transformedNormal = uNMatrix * vec4(aNormal, 1.0);
        float directionalLightWeighting = max(dot(transformedNormal.xyz, lightDirection), 0.0);
        if (i == 0) {
            vLightWeighting = uAmbientColor + uPointLightingColor[i] * directionalLightWeighting;
        } else {
            vLightWeighting = vLightWeighting * (uAmbientColor + uPointLightingColor[i] * directionalLightWeighting);
        }
    }
}

仅显示最新灯的代码:

for (var light in this.lightsDirection) {
    gl.uniform3fv(this.shaderProgram.pointLightingLocationUniform, this.lightsDirection[light]);
    gl.uniform3fv(this.shaderProgram.pointLightingColorUniform, this.lightsColor[light]);
}

由于制服uPointLightingLocation是一个大小为 16 的 vec3 数组,我认为可以将完整的数组传递给制服,但我没有可行的解决方案。

当我尝试传递完整的数组this.lightsColor(没有索引)时,我根本看不到任何光线。

4

1 回答 1

18

gl.uniform3fv 需要一个扁平的浮点数组。此外,您使用相同的统一位置多次调用它。所以,最后一个赢了。想象一下,uniform3fv 是一个低级的复制命令,你给它(目标,源)。它只是将缓冲区从一个地方复制到另一个地方。

假设您的示例只有 3 个灯,您可以这样分配位置统一:

var locations = [
  1.0, 0, 0,
  0, 1.0, 0,
  0, 0, 0
];
gl.uniform3fv(shaderProgram.pointLightingLocationUniform, locations);

当您调试此类问题时,我还建议使用更简单的着色器。在您的顶点着色器中使用类似以下内容:

for (int i = 0; i < 3; i++) {
  vColor += uPointLightingLocation[i];
}

和片段着色器:

gl_FragColor = vec4(vColor, 1);

然后,如果你的多边形是黄色的,你就知道它正在工作。

于 2011-01-19T05:34:22.733 回答