three.js - 将多个线几何图形组合成一个几何图形

Question

我对 Three.js 完全陌生，我正在尝试为实体模型添加边缘。

问题是如果我单独添加边缘，渲染会变慢。所以考虑将几何图形组合成一个单一的几何图形，以便渲染速度加快一点。

我遇到了这个：https ://github.com/mrdoob/three.js/issues/1370 但是使用上述技术后输出不正确。

到目前为止，我的代码如下：

/* Edge Data */
var vertices = edgeData.vertices;
var edges = edgeData.edges;

// Final Geometry
var combinedGeo = new THREE.Geometry();

/* Add lines */
for( var i=0; i<edges.length; i++){
    var geom = new THREE.Geometry();
    for (var j=0; j<edges[i].length; j++){
        var v1 = vertices[edges[i][j]];
        geom.vertices.push(new THREE.Vector3(v1[0], v1[1], v1[2]));
    }

    // var line = new THREE.Line(geom, material, THREE.LinePieces);
    THREE.GeometryUtils.merge( combinedGeo, geom);
    // scene.add(line);
}
var edgesGeo = new THREE.Line(combinedGeo, material, THREE.LineStrip);
scene.add(edgesGeo);

Answer 1

不需要合并。将点对添加到您的geometry第一个，然后Line使用该LinePieces设置创建一个。例如，参见THREE.AxisHelper代码。