Czy mogę ukryć twarze siatki w pliku three.js?

Question

Chcę, aby części siatki były niewidoczne w czasie wykonywania. Czy mogę ustawić te części jako niewidoczne/przezroczyste, np. zmieniając atrybuty pojedynczych twarzy? Sama siatka wykorzystuje tylko jeden materiał.

---

Przykładowa ilustracja jako edytorze rozumie to pytanie: Wyobraź siatkę (tutaj z geometrią 20 wierzchołków), gdzie każdy quad czterech wierzchołków buduje Face4. Teraz niektóre części siatki powinny stać się niewidoczne (tutaj dwie twarze są niewidoczne).

Answer 1

można przypisać inny materiał do każdej twarzy. Oto przykład, w którym twarze dzielić materiał, ale niektóre twarze są przejrzyste:

// geometry 
var geometry = new THREE.BoxGeometry(100, 100, 100, 4, 4, 4); 

// materials 
materials = [ 
    new THREE.MeshLambertMaterial({ color: 0xffff00, side: THREE.DoubleSide }), 
    new THREE.MeshBasicMaterial({ transparent: true, opacity: 0 }) 
]; 

// assign material to each face 
for(var i = 0; i < geometry.faces.length; i++) { 
    geometry.faces[ i ].materialIndex = THREE.Math.randInt(0, 1); 
} 
geometry.sortFacesByMaterialIndex(); // optional, to reduce draw calls 

// mesh 
mesh = new THREE.Mesh(geometry, materials); 
scene.add(mesh); 

Updated Fiddle pokazujący jeden sposób na zmianę materiału w czasie wykonywania: http://jsfiddle.net/e0x88z7w/

EDIT: MeshFaceMaterial została zaniechana. Zaktualizowano post i skrzypce.

three.js r.87