Javascript 使用THREE.js按坐标自定义三维对象

我有一个顶点坐标（x，y，z）的数组。 以及包含每个面顶点索引（来自第一个数组）的面数组（其中每个面可以具有不同数量的顶点）

---

如何使用这些数据创建自定义三维对象？

如果只有凸多边形，可以执行类似操作。第二个循环从凸面多边形创建三角形条带

var vertices = [
    0, 0, 0,
    1, 0, 0,
    1, 1, 0,
    0, 1, 0,
    0, 0, 1
];

var faces = [
    [0, 1, 2, 3],
    [0, 3, 4]
];

var geometry = new THREE.Geometry ();
var i, j, face;
for (i = 0; i < vertices.length; i += 3) {
    geometry.vertices.push (new THREE.Vector3 (
        vertices[i],
        vertices[i + 1],
        vertices[i + 2]
    ));
}

var i, j, face;
for (i = 0; i < faces.length; i++) {
    face = faces[i];
    for (j = 1; j < face.length - 1; j++) {
        geometry.faces.push (new THREE.Face3 (face[0], face[j], face[j + 1]));
    }
}

var顶点=[
0, 0, 0,
1, 0, 0,
1, 1, 0,
0, 1, 0,
0, 0, 1
];
变量面=[
[0, 1, 2, 3],
[0, 3, 4]
];
var geometry=new THREE.geometry（）；
变量i，j，面；
对于（i=0；i

下面是对整个代码的修改：