3d - 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;