Форма три.js для затенения

Question

Привет Я пытаюсь сделать то, что кажется простым затенением с помощью трех js. Я использую книгу Up и Running O'reilly.

Все работало отлично, пока я не пытался сделать это:

   var shader = THREE.ShaderLib["normal"]; 
      var uniforms = THREE.UniformsUtils.clone(shader.uniforms); 

      uniforms["tNormal"].texture = normalMap; 
      uniforms["tDiffuse"].texture = surfaceMap; 
      uniforms["tSpecular"].texture = specularMap; 

Это продолжает бросать эту ошибку:

TypeError: uniforms.normal не определен [Перерыв на этой ошибке]

Форма ["normal"]. Texture = normalMap;

Я некоторое время смотрел в Интернете и не знаю, какой синтаксис необходимо изменить для решения этой проблемы.

Любая помощь приветствуется.

Answer 1

Я думаю, что должно быть, как:

uniforms["tNormal"] = { 
    texture: normalMap 
}; 

То же самое для tDiffuse, tSpecular.

Answer 2

Я считаю, что при запуске коды, после строки:

var shader = THREE.ShaderLib["normal"]; 
var uniforms = THREE.UniformsUtils.clone(shader.uniforms); 

униформы объект с одним элементом: непрозрачность. Таким образом, униформа ["tNormal"] еще не существует. Как предложила Оливия, вы можете добавить их в использование:

uniforms["tNormal"] = { 
    texture: normalMap 
}; 

Answer 3

Ваша ошибка и ваш код отличаются. Сообщения об ошибках неопределенные текстуру:

uniforms["normal"].texture = normalMap;

вами код привел говорит, что вы используете:

uniforms["tNormal"].texture = normalMap;.

Я работаю на тех же примерах книги, попробуйте следующее:

var shader = THREE.ShaderLib[ "normalmap" ]; 
var uniforms = THREE.UniformsUtils.clone(shader.uniforms); 

uniforms[ "tNormal" ].texture = normalMap; 
uniforms[ "tDiffuse" ].texture = surfaceMap; 
uniforms[ "tSpecular" ].texture = specularMap; 

uniforms[ "enableDiffuse" ].value = true; 
uniforms[ "enableSpecular" ].value = true;