寻求优化webgl中的线条渲染（使用three.js库）

Question

最近开始学习webGL，并决定使用Three.js库。

目前，除了渲染超过100K的多维数据集外，我还尝试渲染这些多维数据集之间的线（超过100K）。

当我尝试绘制线条而不是立方体时，会出现渲染问题。 渲染10万个立方体相对较快。 即使渲染那些100K +的线也相对较快，但是当我尝试使用TrackballControls缩放/平移时，FPS下降到几乎为0。

我搜索了StackOverflow和其他各种站点，以提高应用程序的性能。 我使用了合并几何技术，延迟渲染线（基本上使用js中的超时一次渲染了x个多维数据集/线），并调整了线的外观以要求最短的渲染时间。

构造线条时是否还有其他方法可以使渲染/ fps不受影响？ 我正在建立一组线，然后将其添加到场景中。 但是，有没有一种方法可以与线合并？ 我应该使用其他对象构造线条吗？

我只是觉得很奇怪，我可以轻松地渲染/平移/缩放/保持超过100k的多维数据集但使用线（这是除点之外最基本的几何形式）的高fps，一切都崩溃了。

Answer 1

您已经发现（困难的方式）图形芯片供应商将精力集中在其设计驱动程序上。 但这在3D图形中是可以预期的，因为在很多游戏中都没有使用线（是最基本的几何图形），因此它们不会像多边形那样受到太多关注。 您可以看一下示例webgl_buffergeometry_lines.html，它可能是绘制线条的更快方法。