Posso nascondere facce di una mesh in three.js?

Question

Voglio rendere invisibili parti di una mesh in fase di esecuzione. Posso impostare queste parti invisibili/trasparenti, ad es. cambiando gli attributi delle singole facce? La mesh stessa usa solo un materiale.

---

esemplare illustrazione come montaggio capisce questa domanda: Imagine una maglia (qui con una geometria di 20 vertici) dove ogni quadrato di quattro vertici costruisce un Face4. Ora alcune parti della mesh dovrebbero essere rese invisibili (qui due facce sono invisibili).

Answer 1

È possibile assegnare un materiale diverso per ogni faccia. Ecco un esempio in cui le facce condividono un materiale, ma alcuni volti sono trasparenti:

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

Aggiornato violino che mostra un modo per cambiare un materiale in fase di esecuzione: http://jsfiddle.net/e0x88z7w/

EDIT: MeshFaceMaterial è stato sconsigliato. Post e violino aggiornati.

three.js r.87