Javascript Three.js抗锯齿在Chrome上不起作用
我目前正在运行ChromeV31,抗锯齿似乎根本不起作用。两种浏览器都没有错误 可能相关代码:Javascript Three.js抗锯齿在Chrome上不起作用,javascript,google-chrome,three.js,webgl,Javascript,Google Chrome,Three.js,Webgl,我目前正在运行ChromeV31,抗锯齿似乎根本不起作用。两种浏览器都没有错误 可能相关代码: var renderer = new THREE.WebGLRenderer( { antialias: true } ); 在Safari中,它可以渲染为罚款: 与Chrome相比: 这似乎是Chrome的渲染问题,也许您安装了32位的Chrome 你可以做两件事来提高质量。首先设置渲染器属性 renderer.shadowMapType = THREE.PCFSoftShadowMap; //
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
如本期所示:
“我相信这取决于您使用的浏览器和系统。据我所知,Firefox目前根本不支持抗锯齿。而且这可能取决于您的图形卡和驱动程序。例如,我在2009年年中的旧MacBook Pro上没有在Chrome中获得抗锯齿功能,但我在2012年末的新机器上获得了抗锯齿功能
也可以考虑使用FXAA着色器做反锯齿作为后处理步骤。您可以在这里阅读有关后处理的内容。
阅读更多内容:哦,哇,我跳过了那个问题,因为我(以为)不在乎阴影。。我试试看,然后再报告。