大佬教程收集整理的这篇文章主要介绍了javascript – 将一组矢量传递给一个制服,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我的顶点着色器:
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(没有索引)时,我看不到任何光.
假设您的示例只有3个灯,您可以这样统一分配位置:
var LOCATIOns = [ 1.0,1.0,0 ]; gl.uniform3fv(shaderProgram.pointLighTingLOCATIOnUniform,LOCATIOns);
当你调试这样的问题时,我还建议使用更简单的着色器.在顶点着色器中使用以下内容:
for (int i = 0; i < 3; i++) { vColor += uPointLighTingLOCATIOn[i]; }
片段着色器:
gl_FragColor = vec4(vColor,1);
以上是大佬教程为你收集整理的javascript – 将一组矢量传递给一个制服全部内容,希望文章能够帮你解决javascript – 将一组矢量传递给一个制服所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。