【发布时间】：2014-01-21 21:00:27
【问题描述】：
我目前正在运行 Chrome v31，但抗锯齿功能似乎根本不起作用。两种浏览器都没有错误。
可能相关的代码：
var renderer = new THREE.WebGLRenderer( { antialias: true } );
在 Safari 中呈现良好：
vs 铬：
【问题讨论】：
标签： javascript google-chrome three.js webgl
【发布时间】：2014-01-21 21:00:27
【问题描述】：
这似乎是 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 着色器来执行抗锯齿作为后处理步骤。您可以在此处阅读有关后处理的信息。 ”
【讨论】：
-
哦，哇，我跳过了那个问题，因为我（以为）不关心阴影。我会试一试并报告。