# DirectionalLight and shados.camera

**URL:** <https://discourse.threejs.org/t/directionallight-and-shados-camera/89145>\
**Category:** Questions\
**Tags:** shadows\
**Created:** [January 15, 2026, 2:06am UTC](https://discourse.threejs.org/t/directionallight-and-shados-camera/89145 "2026-01-15T02:06:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Petralla](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/petralla/32/57298_2.png) [@Petralla](https://discourse.threejs.org/u/Petralla)\
**Post date:** [January 15, 2026, 2:06am UTC](https://discourse.threejs.org/t/directionallight-and-shados-camera/89145/1 "2026-01-15T02:06:43Z")

</div>

Hi!! I need to know why, when I change the shadow.camera parameters, the mode looks “bad”:

```javascript
s.shadow.camera.near = 0;
s.shadow.camera.far = 500;
s.shadow.camera.top = 200;
s.shadow.camera.right = 200;
s.shadow.camera.bottom= -200;
s.shadow.camera.left = -200;
s.shadow.mapSize.width = 2048;
s.shadow.mapSize.height = 2048;
s.shadow.bias = - 0.001;

```

Result:

 ![02](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/b/d/bd7244e8c26c71cfd31025379e2c8f64dcb9ef7b.jpeg)

If I reduce it, it looks good:

```javascript
s.shadow.camera.top = 100;
s.shadow.camera.right = 100;
s.shadow.camera.bottom= -100;
s.shadow.camera.left = -100;

```

 ![01](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/5/7/57eca8b393098a8dd9f8e75398cf6bc72f675f1f.jpeg)

Can someone explain how it works? I want the shadow to cover more ground so I can add more things!

Thanks a lot!!! 🙂

PD: i use THREE.PCFSoftShadowMap and DirectionalLight.