我目前运行的是 Chrome v31,抗锯齿功能似乎根本不起作用。两个浏览器都没有错误。
可能相关的代码:
var renderer = new THREE.WebGLRenderer( { antialias: true } );
在 Safari 中它呈现良好:
对比 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
如此处问题所示:Quality of Three.js shadow in Chrome/MacOS?
“我相信这取决于您使用的浏览器和系统。据我所知,Firefox 目前根本不支持抗锯齿。它也可能取决于您的显卡和驱动程序。例如,我在 2009 年中期的旧 MacBook Pro 上没有在 Chrome 中使用抗锯齿功能,但在我 2012 年末的新机器上却使用了抗锯齿功能。
此外,您还可以考虑使用 FXAA 着色器将抗锯齿作为后处理步骤。您可以在此处阅读有关后处理的信息。 ”
关于javascript - Three.js 抗锯齿不适用于 Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20916396/