# Weird shadows on collada model

**URL:** <https://discourse.threejs.org/t/weird-shadows-on-collada-model/27403>\
**Category:** Questions\
**Tags:** shadows\
**Created:** [June 21, 2021, 3:31pm UTC](https://discourse.threejs.org/t/weird-shadows-on-collada-model/27403 "2021-06-21T15:31:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![A\_R](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/a_r/32/18943_2.png) [@A\_R](https://discourse.threejs.org/u/A_R)\
**Post date:** [June 21, 2021, 3:31pm UTC](https://discourse.threejs.org/t/weird-shadows-on-collada-model/27403/1 "2021-06-21T15:31:09Z")

</div>

After import collada model i see weird low res shadows.

```javascript
const color = '#ffffff';
const intensity = 1.5;
const light = new THREE.SpotLight(color, intensity);
light.position.set(-40, 60, 80);
light.castShadow = true;
light.receiveShadow = true;
light.shadow.mapSize.width = 1024; // default is 512
light.shadow.mapSize.height = 1024; // default is 512
scene.add(light);

var loader = new ColladaLoader();
loader.load('models/venice-16.dae', function (result) {
var model = result.scene;	
model.traverse(function(child) {
child.castShadow = true;
child.receiveShadow = true;
});
scene.add(model);
});	

```

 ![Снимок экрана 2021-06-21 141048](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/4/7/47657af844d8eef614c9ddca648abf793132fdea.jpeg)

---

<div class="post-metadata">

**Author:** ![Drumstructor](https://avatars.discourse-cdn.com/v4/letter/d/41988e/32.png) [@Drumstructor](https://discourse.threejs.org/u/Drumstructor)\
**Post date:** [June 21, 2021, 3:56pm UTC](https://discourse.threejs.org/t/weird-shadows-on-collada-model/27403/2 "2021-06-21T15:56:08Z")

</div>

Hey,

you should have a look at the light.shadow.camera and set the area where shadows shall happen as small as possible. You can use a helper for this to see the frustum where shadows will be rendered. There are many examples and tutorials about shadow maps:

> **[Three.js Shadows](https://threejsfundamentals.org/threejs/lessons/threejs-shadows.html)**
>
> Shadows in Three.js

A small shadow area makes smaller shadow maps possbile and will be more performant.

To remove remaining artifacts you can change the shadows bias in tiny steps like -0.0001.