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;