javascript - three.js 看起来很奇怪的影子

Question

对 three.js 和 webgl 非常陌生，我发现带有定向光的阴影看起来很奇怪。

这是我的渲染器代码:

this.renderer.shadowMapEnabled = true;
this.renderer.shadowMapSoft = true;
this.renderer.shadowCameraNear = 3;
this.renderer.shadowCameraFar = this.camera.far;
this.renderer.shadowCameraFov = 75;
this.renderer.shadowMapBias = 0.0039;
this.renderer.shadowMapDarkness = 0.5;
this.renderer.shadowMapWidth = 1024;
this.renderer.shadowMapHeight = 1024;

有什么想法吗？

Answer 1

问题是你的光源对于你正在转换的物体来说太大了。您可以通过设置

light.shadowCameraVisible = true

然后尝试通过改变下面的参数 d 来减小光源的尺寸

light.shadowCameraLeft = -d
light.shadowCameraRight = d
light.shadowCameraTop = d
light.shadowCameraBottom = -d