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

标签 three.js webgl

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

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

谢谢!

最佳答案

page may help . WebGL 中的抗锯齿功能一开始并不是很好。我最终在 THREE.js 中使用了 FXAA 以获得更好的场景质量。

关于THREE.js 自定义着色器不能正确抗锯齿,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15049112/

相关文章:

javascript - THREE.js - 无法读取未定义的属性 'lib' (THREE.ShaderUtils.lib ["normal"])

javascript - 是否可以阻止这些面的渲染?

javascript - THREE.PointerLockControls() 返回 "undefined is not a function"

javascript - 在 Three.js 中加载 STL 文件的首选方法是什么

three.js - 根据鼠标滚轮中光标的位置进行缩放

javascript - 如何在网页中同时传播数百个具有动画和交互式 webgl 上下文的小 Canvas ?

buffer - WebGL:具有超过 4 维坐标的顶点缓冲区?

python - Pywebkitgtk Three.js 无法检测到 WebGL

webgl - WebGL 中透明纹理的奇怪渲染行为

javascript - 当显示器屏幕分辨率不是方形时,如何绘制圆形而不是椭圆形?