Tôi có thể ẩn khuôn mặt của lưới trong ba.js không?

Question

Tôi muốn làm cho các bộ phận của lưới vô hình khi chạy. Tôi có thể đặt những phần này thành vô hình/minh bạch hay không, ví dụ: bằng cách thay đổi các thuộc tính của các khuôn mặt đơn lẻ? Bản thân lưới chỉ sử dụng một vật liệu.

---

Kiểu Mẫu minh họa như biên tập hiểu câu hỏi này: Hãy tưởng tượng một lưới (ở đây với một hình học của 20 đỉnh), nơi mỗi quad bốn đỉnh xây dựng một Face4. Bây giờ, một số phần của lưới nên được thực hiện vô hình (ở đây hai khuôn mặt là vô hình).

Answer 1

Bạn có thể chỉ định vật liệu khác nhau cho mỗi khuôn mặt. Dưới đây là một ví dụ trong đó khuôn mặt chia sẻ tài liệu, nhưng một số gương mặt là trong suốt:

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

Cập nhật Fiddle cho thấy một cách để thay đổi một loại vật liệu trong thời gian chạy: http://jsfiddle.net/e0x88z7w/

EDIT: MeshFaceMaterial đã bị phản đối. Đã cập nhật bài đăng và fiddle.

three.js r.87