THREE.js自定义着色器不适用于Antialias

Question

即使我在初始化渲染器时启用{ antialias: true }，这些线也不是多重采样的，但仍然看起来有锋利的边缘。我已经通过JSFiddle上的问题重新创建了您可以查看here。

我怀疑问题的发生是因为线条是由片段着色器生成的，并且不是几何体本身的一部分。如果是这样的话，我能做些什么让它按照我想要的方式工作吗？

谢谢！

Answer 1

这page may help。 WebGL中的抗锯齿开始并不是非常好。我最终在THREE.js中使用FXAA来获得更好的场景质量。