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

Question

如何用THREE.JSin 创建下面的形状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;