是否可以在three.js中合并多个断开的行？

Question

我正在进行图形可视化项目，并且存在性能问题，因为节点通过简单的线连接，其中每条边由THREE.Line表示。这会导致渲染调用太多。

一种可能的解决方案是为每个连接的组件使用THREE.Line，但我想知道是否有更通用的解决方案。

在three.js中，可以将多个几何合并为一个几何体，但是还有一种方法可以将多个断开的线合并为一个几何体吗？

Answer 1

您可以使用THREE.LineSegments：

通过一次绘制调用渲染多个线段

var line = new THREE.LineSegments( geometry, material );

在这种情况下，geometry.vertices被解释为Vector3对的数组。

例如，请参阅http://threejs.org/examples/webgl_lines_sphere.html。

如果需要，您也可以使用BufferGeometry，如

http://threejs.org/examples/webgl_buffergeometry_drawcalls.html

three.js r.76