Różne materiały z tyłu i przedniej części wytłoczonego kształtu

Question

Próbuję zastosować różne materiały na przedniej i tylnej stronie wytłaczanego kształtu, ale nie mogę określić, gdzie umieścić side: THREE.FrontSide i side: THREE.BackSide. Gdzie należy je ułożyć?

Moja odpowiednia część kodu jest:

 
var materialFront = new THREE.MeshPhongMaterial({ ambient: 0xffffff, map: frontTexture }); 

var materialSide = new THREE.MeshPhongMaterial({color: 0xE68A00, ambient: 0xffffff}); 

var extrusionSettings = { 
      amount: 10, 
      bevelEnabled: false, 
      bevelThickness: 0.2, 
      bevelSize: 0.2, 
      bevelSegments: 8, 
      material: 0, 
      extrudeMaterial: 1 
}; 

var geometry = new THREE.ExtrudeGeometry(shapes, extrusionSettings); 

var materials = [materialFront, materialSide]; 

var material = new THREE.MeshFaceMaterial(materials); 

mesh = new THREE.Mesh(geometry, material); 

---

UPDATE: Według komentarza WestLangley za udało mi się dodając inną teksturę backfaces:

 
// ... 
var materials = [materialFront, materialSide, materialBack]; 
// ... 
for (var face in mesh.geometry.faces) { 
if (mesh.geometry.faces[ face ].normal.z == 1) mesh.geometry.faces[ face ].materialIndex = 2; 
} 

Answer 1

Po utworzeniu geometrii siatki i przed pierwszym wywołaniem do render(), trzeba zmienić materialIndex do 2 na powierzchniach tylnych. Następnie dodaj trzeci materiał do swojej macierzy materiałów.

Możesz zidentyfikować ściany tylne według normalnych powierzchni twarzy. Ściany normalne dla ścian z tyłu geometrii powinny być skierowane w tym samym kierunku.

Three.js r.58

Answer 2

Spróbuj użyć:

var materialFront = new THREE.MeshPhongMaterial({ ambient: 0xffffff, map: frontTexture, side: THREE.FrontSide }); 
var materialSide = new THREE.MeshPhongMaterial({ color: 0xE68A00, ambient: 0xffffff, side: THREE.BackSide }); 

, mimo że prawdopodobnie należy obniżyć wkład otoczenia i dać color materiałowi FrontSide.

Następnie:

var materials = [materialFront, materialSide]; 
scene.add(THREE.SceneUtils.createMultiMaterialObject(geometry, materials));