Kann ich Gesichter eines Gitters in three.js ausblenden?

Question

Ich möchte Teile eines Mesh zur Laufzeit unsichtbar machen. Kann ich diese Teile unsichtbar/transparent einstellen, z. durch Ändern der Attribute einzelner Gesichter? Das Mesh selbst verwendet nur ein Material.

---

Exemplarische Abbildung als Editor versteht diese Frage: Stellen Sie sich ein Gitter (hier mit einer Geometrie von 20 Knoten), wobei jedes Quadrat von vier Scheitelpunkten aufbaut ein Face4. Nun sollten einige Teile des Gitters unsichtbar gemacht werden (hier sind zwei Gesichter unsichtbar).

Answer 1

Sie können ein anderes Material zu jedem Gesicht zuordnen. Hier ist ein Beispiel, wo die Gesichter ein Material teilen, aber einige Gesichter sind transparent:

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

Aktualisiert Fiddle zeigt eine Möglichkeit, ein Material zur Laufzeit zu ändern: http://jsfiddle.net/e0x88z7w/

EDIT: MeshFaceMaterial ist veraltet. Post und Geige aktualisiert.

three.js r.87