Three.js：菲涅耳着色器 - 灯光：真正的问题

Question

我对three.js示例fresnel shader有个小问题。

“灯：真正的” - 如果这是“真”然后我得到以下错误：

Uncaught TypeError: Cannot set property 'value' of undefined 

我无言以对。感谢您的任何建议。

Answer 1

当您设置ShaderMaterial.lights = true时，渲染器将为您填充着色器灯光统一参数。

但是你必须确保你的着色器具有必要的灯光制服。

THREE.FresnelShader不使用指示灯;它依赖于环境地图。因此，设置lights: true将不起作用。

但是，如果你想这样做，并愿意修改着色器，必须更换

var shader = THREE.FresnelShader; 
var uniforms = THREE.UniformsUtils.clone(shader.uniforms); 

与

var shader = THREE.FresnelShader; 

var uniforms = THREE.UniformsUtils.merge([ 

    THREE.UniformsLib[ "lights" ], 
    shader.uniforms 

]); 

three.js所r.59