# Remove "faded" edges from THREE.BasicShadowMap

**URL:** <https://discourse.threejs.org/t/remove-faded-edges-from-three-basicshadowmap/82774>\
**Category:** Questions\
**Tags:** shadows\
**Created:** [May 18, 2025, 10:08pm UTC](https://discourse.threejs.org/t/remove-faded-edges-from-three-basicshadowmap/82774 "2025-05-18T22:08:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![torrent](https://avatars.discourse-cdn.com/v4/letter/t/4bbf92/32.png) [@torrent](https://discourse.threejs.org/u/torrent)\
**Post date:** [May 18, 2025, 10:08pm UTC](https://discourse.threejs.org/t/remove-faded-edges-from-three-basicshadowmap/82774/1 "2025-05-18T22:08:19Z")

</div>

See screenshot below. I’m using the `THREE.BasicShadowMap` algorithm for my shadows. The shadows appear to have “faded” edges. How can I remove the “faded” edges and make the shadow a solid color?

I’m using `three.webgpu.js` v176, in Chrome v136.

 ![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/f/c/fceb9e0b4c9706a180bcfe646cce6caaf3877e2e.png)

---

<div class="post-metadata">

**Author:** ![seanwasere](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/seanwasere/32/20864_2.png) [@seanwasere](https://discourse.threejs.org/u/seanwasere)\
**Post date:** [May 18, 2025, 10:55pm UTC](https://discourse.threejs.org/t/remove-faded-edges-from-three-basicshadowmap/82774/2 "2025-05-18T22:55:44Z")

</div>

i’m actually not sure how you even get that fade effect, since I dont get it when i use basicshadowmap.

> **[Shadows](https://editor.sbcode.net/5fa8cf59af453364caa99d8bbb5fbf6659ef5392)**
>
> Three.js TypeScript Tutorials by Sean Bradley : https://sbcode.net/threejs

maybe you have some extra custom config in your code. Try commenting things out.