如何在three.js中绘制漂亮的折线

Question

我正在开发CAM应用程序，但是在某些方面，我的折线很难看：

现在我的代码非常基本，如此处所示： https : //github.com/nraynaud/webgcode/blob/84261babef0d17bf5e49f1b41b2fa289e56a625f/webapp/cnc/threeDView.js

我尝试为每个线角添加一个圆点（粒子系统使用的几何形状相同，该材质的材质为着色器，以创建与线宽相同的直径的圆点），虽然效果不是很理想，但可以使视图旋转得非常好呆滞。

本示例使用在73个线带中分布的1834573个顶点（每次更改颜色时，我们都会开始一个新的线带）。

我已经看到人们对折线进行三角剖分，然后在三角形上使用着色器，但是我不确定我可以在具有这么多顶点的javascript中合理地做到这一点。