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;