Three.js: Fresnel Shader - Lights: настоящая проблема

Question

Three.js: Fresnel Shader - Lights: настоящая проблема

У меня есть небольшая проблема с примерным шейдером fresnel three.js.

'lights: true' - если это 'true', я получаю следующую ошибку:

Uncaught TypeError: Cannot set property 'value' of undefined

Я невежественен. Спасибо за любые предложения.

2

canvas three.js webgl fragment-shader fresnel

Источник

user2420623 04 авг '13 в 16:05

1 ответ

Решение

Другие вопросы по тегам canvas three.js webgl fragment-shader fresnel

user1461008 04 авг '13 в 17:44 2013-08-04 17:44 · Accepted Answer · 2013-08-04 17:44

Когда вы установите 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