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

Question

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

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

谢谢！

Answer 1

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