问如何在使用EffectComposer时启用抗锯齿
EN

Stack Overflow用户

提问于 2014-01-11 01:37:08

回答 1查看 3.5K关注 0票数 11

在使用three.js中的EffectComposer时，本机抗锯齿似乎丢失了。渲染器设置为抗锯齿: true；但是，结果充满了不稳定的边缘。

我试图使用FXAA着色器减少锯齿，但它就是不具备本机抗锯齿所提供的质量。

有没有人能提个解决方案？

three.js

回答 1

Stack Overflow用户

发布于 2019-03-21 17:50:37

使用THREE.FXAAShader时，需要配置相应着色器的resolution统一。这在official example中进行了演示，如下所示：

var fxaaPass = new THREE.ShaderPass( THREE.FXAAShader );

var pixelRatio = renderer.getPixelRatio();
var uniforms = fxaaPass.material.uniforms;

uniforms[ 'resolution' ].value.x = 1 / ( window.innerWidth * pixelRatio );
uniforms[ 'resolution' ].value.y = 1 / ( window.innerHeight * pixelRatio );

在设置后处理和resize事件侦听器时，必须执行此代码。否则，如果用户调整浏览器窗口的大小，FXAA将中断。

three.js R102

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21050797

复制

相似问题

问如何在使用EffectComposer时启用抗锯齿
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在使用EffectComposer时启用抗锯齿EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在使用EffectComposer时启用抗锯齿
EN