THREE.JS 创建自定义 3D 形状

【问题标题】：THREE.JS create custom 3D shapeTHREE.JS 创建自定义 3D 形状
【发布时间】：2013-07-24 11:49:34
【问题描述】：

如何在WebGLRenderer 中使用THREE.JS 创建下面的形状。

这个形状是一个立方体，它的顶面已经旋转了 45 度。
是否可以创建立方体然后更改它的顶点或...
任何想法？

【问题讨论】：

@Matthew，感谢您的编辑。

【解决方案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;

【讨论】：