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