three.js所MeshNormalMaterial默认颜色

Question

我正在这个three.js所例子 - http://www.html5canvastutorials.com/three/html5-canvas-webgl-rotating-cube/

这里，立方体的颜色变化，每帧。但是，在示例代码中没有任何地方指定了颜色。另外，我尝试指定MeshNormalMaterial的颜色，但它没有任何效果。那么，颜色如何被操纵？

谢谢！

Answer 1

MeshNormalMaterial使用THREE.ShaderLib[ 'normal' ]作为材质的着色器。

你可以在WebGLShaders.js找到源代码。

颜色是在片段着色器设置像这样：

gl_FragColor = vec4(0.5 * normalize(vNormal) + 0.5, opacity); 

可以看到的是，片段的颜色是法线矢量的函数。

three.js r.62