Collada 가져온 텍스처를 Three.js의 ShaderMaterial 텍스처로 대체하는 방법은 무엇입니까?

Question

Three.js 라이브러리의 Collada loader를 통해 가져온 간단한 3D 모델의 모든 텍스처를 바꿀 수 있습니까?

ShaderMaterial을 통해 색상, 반사 및 법선 매핑을 모델의 재료 이름으로 지정하고 "-color", "-normal"및 "-spec"을 추가하여 모델에 적용하는 것이 목표로하고 싶습니다. "문구 :

"brochureFrontCover "->"brochureFrontCover-color.jpg ","brochureFrontCover-normal.jpg ","brochureFrontCover-spec.jpg "

좋은 영혼이 나를 보여줄 수 있다면 어떻게 같은 기능을해야 나는 매우 감사 할 것입니다.

스크립트 : http://dev.printhouse.co.uk/uv-simulator/j/Brochure.js

콜라다 모델 : http://dev.printhouse.co.uk/uv-simulator/m/Brochure.dae

Answer 1

내가 이런 식으로 뭔가해야한다고 생각 : 당신이 유니폼을 조정할 필요가 있다면

THREE.SceneUtils.traverseHierarchy(dae, function (child) { 

    if (child.material) { 

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

     uniforms[ "tDiffuse" ].texture = THREE.ImageUtils.loadTexture(child.material.name + "-color.jpg"); 
     uniforms[ "tNormal" ].texture = THREE.ImageUtils.loadTexture(child.material.name + "-normal.jpg"); 
     uniforms[ "tSpecular" ].texture = THREE.ImageUtils.loadTexture(child.material.name + "-spec.jpg"); 

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

     child.geometry.computeTangents(); 

     child.material = new THREE.ShaderMaterial({ 
      uniforms: uniforms, 
      vertexShader: shader.vertexShader, 
      fragmentShader: shader.fragmentShader, 
      lights: true 
     }); 

    } 

}); 

This example이 좋은 참고해야한다 .