¿Puedo ocultar las caras de una malla en three.js?

Question

Quiero hacer que las partes de una malla sean invisibles en tiempo de ejecución. ¿Puedo configurar estas partes como invisibles/transparentes, p. cambiando los atributos de las caras individuales? La malla en sí usa solo un material.

---

Ejemplar ilustración como el editor entiende esta pregunta: Imagínese una malla (aquí con una geometría de 20 vértices), donde cada quad de cuatro vértices se acumula una Face4. Ahora, algunas partes de la malla deben hacerse invisibles (aquí dos caras son invisibles).

Answer 1

Puede asignar un material diferente para cada cara. Aquí hay un ejemplo donde las caras comparten un material, pero algunas caras son transparentes:

// 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); 

Actualización del violín que muestra una manera de cambiar un material en tiempo de ejecución: http://jsfiddle.net/e0x88z7w/

EDIT: MeshFaceMaterial ya no se utiliza. Publicación y violín actualizado.

three.js r.87