THREE.js v105中的阴影看起来不如v69中的真实
我正在经历。它有六年历史,是用v69写成的。我决定尝试使用最新版本v105来熟悉当前的API。虽然没有太多的变化,但在我看来,阴影渲染的质量在最新版本中不太真实 这是什么原因?有没有一种常见的修复方法 在v69中,启用阴影的代码为:THREE.js v105中的阴影看起来不如v69中的真实,three.js,Three.js,我正在经历。它有六年历史,是用v69写成的。我决定尝试使用最新版本v105来熟悉当前的API。虽然没有太多的变化,但在我看来,阴影渲染的质量在最新版本中不太真实 这是什么原因?有没有一种常见的修复方法 在v69中,启用阴影的代码为: renderer.shadowMapEnabled = true; 在v105中,它是: renderer.shadowMap.enabled = true; renderer.shadowMap.type = THREE.PCFSoftShadowMap; //
renderer.shadowMapEnabled = true;
在v105中,它是:
renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFSoftShadowMap; // This produces a slightly better shadow than the default THREE.PCFShadowMap
如果您使用的是聚光灯,则可以更改。默认值是512x512我猜r69中的默认值更高,但您可以根据需要增加其尺寸:
light.shadow.mapSize.width = 1024;
light.shadow.mapSize.height = 1024;
检查特别是偏移、贴图大小和半径,您可以在light.shadow上进行设置。谢谢。虽然我在这里发布之前读过这些文档。我找不到能够产生一个像样阴影的设置组合。虽然阴影贴图看起来是低分辨率的,但我不知道。可能是@rabbi76的副本是的,它是。更改贴图大小和角度解决了此问题。