THREE.js 自定义着色器不能正确抗锯齿

Question

即使我{ antialias: true }在初始化渲染器时启用，线条也不是多重采样的，并且仍然看起来有锐利的边缘。我在 JSFiddle 上通过问题重新创建，您可以在此处查看。

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

谢谢！

Answer 1

此页面可能会有所帮助。WebGL 中的抗锯齿功能一开始就不是很好。我最终在 THREE.js 中使用 FXAA 以获得更好的场景质量。