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;