Need help, unexpected shadow from DirectionalLight

jsfiddle: https://jsfiddle.net/3xz0t2ra/

It work as expected when I use SpotLight instead of DirectionalLight.

Looks like the frustum of OrthographicCamera is too small, but I don’t know how to increase it.

After you create your light, you could do something like this:

light.shadow.camera.top = 50;
light.shadow.camera.bottom = -50;
light.shadow.camera.left = -50;
light.shadow.camera.right = 50;
1 Like

Hi @chemzqm

I found using these examples quite helpful to build a scene to manually position the lights and see its shadows in the editor:

https://threejs.org/examples/webgl_lights_spotlight.html
https://threejs.org/examples/misc_controls_transform.html
https://threejs.org/examples/webgl_shadowmap_viewer.html

Hope this helps,

Cheers, Sergio

1 Like