如何在three.js中绘制好看的折线

Question

我正在开发一个CAM应用程序，我的折线在某些尺度上非常难看：

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

我尝试为每个线角添加一个圆点（粒子系统使用的相同几何形状，其材质为着色器，创建与线宽相同直径的圆点），虽然不是很完美，但它更好，但它旋转了这种观点非常渺茫。

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

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