# \[Web GPU\] Why doesn't the shadow appear?

**URL:** <https://forum.babylonjs.com/t/web-gpu-why-doesnt-the-shadow-appear/51869>\
**Category:** Questions\
**Created:** [July 7, 2024, 8:35am UTC](https://forum.babylonjs.com/t/web-gpu-why-doesnt-the-shadow-appear/51869 "2024-07-07T08:35:24Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![wisdomstar94](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/wisdomstar94/32/40988_2.png) [@wisdomstar94](https://forum.babylonjs.com/u/wisdomstar94)\
**Post date:** [July 7, 2024, 8:35am UTC](https://forum.babylonjs.com/t/web-gpu-why-doesnt-the-shadow-appear/51869/1 "2024-07-07T08:35:24Z")

</div>

> **[Babylon.js Playground](https://playground.babylonjs.com/#0K3D23%231)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

When I write the code like above playground, I don’t see any shadows. Is there anything I missed?

the engine is webgpu.

---

<div class="post-metadata">

**Author:** ![Zuuhr](https://avatars.discourse-cdn.com/v4/letter/z/9fc348/32.png) [@Zuuhr](https://forum.babylonjs.com/u/Zuuhr)\
**Post date:** [July 7, 2024, 9:16am UTC](https://forum.babylonjs.com/t/web-gpu-why-doesnt-the-shadow-appear/51869/2 "2024-07-07T09:16:01Z")

</div>

Try to reduce the angle of the spot light I think it’s because the shadow quality lowers too much if the angle is too wide.

```auto
const light = new BABYLON.SpotLight("spot-light", new BABYLON.Vector3(25, 20, -25), new BABYLON.Vector3(-10, -10, 10), Math.PI * 0.5, 10, scene);

```

---

<div class="post-metadata">

**Author:** ![wisdomstar94](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/wisdomstar94/32/40988_2.png) [@wisdomstar94](https://forum.babylonjs.com/u/wisdomstar94)\
**Post date:** [July 7, 2024, 9:46am UTC](https://forum.babylonjs.com/t/web-gpu-why-doesnt-the-shadow-appear/51869/3 "2024-07-07T09:46:03Z")

</div>

Thank you. What you said was the problem.