Threejs 点光源的软阴影

【问题标题】：Threejs soft shadows for point lightThreejs 点光源的软阴影
【发布时间】：2018-05-30 11:16:59
【问题描述】：

有没有办法在 Threejs 中使用 PointLight 产生柔和的阴影？

如下图：

【问题讨论】：

您找到解决方案了吗？

【解决方案1】：

是的。要在场景中拥有柔和的阴影，您必须像这样设置渲染器：

 var renderer = new THREE.WebGLRenderer();
 renderer.shadowMap.enabled = true;
 renderer.shadowMap.type = THREE.PCFSoftShadowMap; // the default is THREE.PCFShadowMap

来源：documentation

【讨论】：

增加阴影贴图light.shadow.mapSize.width = 2048; light.shadow.mapSize.height = 2048;以获得更高的阴影分辨率。