canvas - Three.js:菲涅尔着色器 - 灯光:真正的问题

Question

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

'lights : true' - 如果这是 'true' 那么我会收到以下错误:

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

] );

三.js r.59