THREE.JS는 사용자 정의 3D 모양을 만듭니다.

Question

THREE.JS과 함께 아래 모양을 WebGLRenderer에 만들려면 어떻게해야합니까?

이러한 형상은 45도 회전되어있는 상면의 입방체이다.
입방체를 만들고 정점을 바꿀 수 있습니까?
어떤 아이디어가 있습니까?

Answer 1

배열 cubeMesh.geometry.vertices를 사용하여 정점 위치에 액세스 할 수 있습니다.

//create a cube as per usual 
var cubeMesh = new THREE.Mesh(
    new THREE.CubeGeometry(1, 2, 1), 
    new THREE.MeshLambertMaterial() 
); 
scene.add(cubeMesh); 

//change vertex positions 
cubeMesh.geometry.vertices[1].y += 1; 
cubeMesh.geometry.vertices[4].y += 1; 

//indicate that the vertices need update 
cubeMesh.geometry.verticesNeedUpdate = true;