입체 면체 형상의 각면을 three.js를 사용하여 빈 공간으로 구분하십시오.

Question

위 그림과 같이 정사면체의 각면을 분리하고 싶습니다. 아무도 날 관련 예제 또는 그것을 작동시키는 방법에 대한 어떤 생각을 가리킬 수 있습니다. 내 예제 20 면체에서 각 얼굴은 재료로 다른 이미지 질감을 가지고 그래서 Shadermaterial 사용할 수 없습니다.

감사

Answer 1

당신은 "삼각형 수프"소위로 지오메트리를 변환 ExplodeModifier를 사용하고 당신이 원하는대로 정점을 변환 할 수 있습니다.

var geometry = new THREE.IcosahedronGeometry(4, 2); 

var modifier = new THREE.ExplodeModifier(); 
modifier.modify(geometry); 

var normal = new THREE.Vector3(); 

for (var i = 0, l = geometry.faces.length; i < l; i ++) { 

    var face = geometry.faces[ i ]; 

    normal.copy(face.normal).multiplyScalar(1); 

    geometry.vertices[ face.a ].add(normal); 
    geometry.vertices[ face.b ].add(normal); 
    geometry.vertices[ face.c ].add(normal); 

}; 

examples/js/modifiers/ExplodeModifier.js은 프로젝트에 명시 적으로 포함되어야합니다.

three.js를 r.87