[英]Three.js antialiasing not working on Chrome
我目前正在运行Chrome v31,并且抗锯齿似乎根本不起作用。 两种浏览器都没有错误。
可能相关的代码:
var renderer = new THREE.WebGLRenderer( { antialias: true } );
在Safari中它呈现罚款:
vs Chrome:
这似乎是Chrome的渲染问题,也许你安装了32位 Chrome?
你可以做两件事来提高质量。 首先设置渲染器属性
renderer.shadowMapType = THREE.PCFSoftShadowMap; // options are THREE.BasicShadowMap | THREE.PCFShadowMap | THREE.PCFSoftShadowMap
然后你还可以使用以下方法增加灯光的阴影贴图大小:
light.shadowMapWidth = 1024; // default is 512
light.shadowMapHeight = 1024; // default is 512
正如这里的问题所示: Chrome / MacOS中的Three.js影子的质量?
“我认为这取决于您使用的浏览器和系统。 据我所知,Firefox目前根本不支持抗锯齿功能。 它也可能取决于您的显卡和驱动程序。 例如,我在2009年中期的MacBook Pro上没有在Chrome中获得抗锯齿功能,但我确实在我2012年末的机器上获得了抗锯齿效果。
此外,您可以考虑使用FXAA着色器进行抗锯齿处理作为后处理步骤。 你可以在这里阅读有关后处理的内容。 ”
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.