# Ugly shadows in HTML5 build

**URL:** <https://forums.unrealengine.com/t/ugly-shadows-in-html5-build/1436298>\
**Category:** Rendering\
**Tags:** HTML5, shadows-problem, unreal-engine\
**Created:** [November 30, 2023, 10:22am UTC](https://forums.unrealengine.com/t/ugly-shadows-in-html5-build/1436298 "2023-11-30T10:22:44Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mikeymore](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Mikeymore](https://forums.unrealengine.com/u/Mikeymore)\
**Post date:** [November 30, 2023, 10:22am UTC](https://forums.unrealengine.com/t/ugly-shadows-in-html5-build/1436298/1 "2023-11-30T10:22:45Z")

</div>

Hi all, I have build a project in HTML5 with UE 4.23

In the viewport with preview shader Model 5 I get good results, but in the HTML viewport (and also in the build) I get blubby shadows. I played a lot with all the linear-light settings (Sun in the scene) but can’t get rid of this ugly shadow parts.

Which settings can I try to set more properly of what is the workaround?  
I understand HTML-5 has it’s limitations, but maybe there is some minor tweaking for the light to solve this issue?

Thanks in advance!

 ![Viewport shadows UE 4](https://d3kjluh73b9h9o.cloudfront.net/original/4X/b/a/6/ba61b929349aa968adb242227a55ce0c34f7043d.jpeg)  
 ![UGLY HTML5-WebGL shadows UE 4](https://d3kjluh73b9h9o.cloudfront.net/original/4X/1/9/e/19eddab2306106478756ac617fef897052b348f5.jpeg)

---

<div class="post-metadata">

**Author:** ![glitchered](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/glitchered/32/768299_2.png) [@glitchered](https://forums.unrealengine.com/u/glitchered)\
**Post date:** [November 30, 2023, 10:25am UTC](https://forums.unrealengine.com/t/ugly-shadows-in-html5-build/1436298/2 "2023-11-30T10:25:54Z")

</div>

ehh… is that light realtime? it looks like you could rotate it around it’s local z axis to align the shadow map pixels with the lines of the geo you have there. just spitballing

---

<div class="post-metadata">

**Author:** ![Mikeymore](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Mikeymore](https://forums.unrealengine.com/u/Mikeymore)\
**Post date:** [November 30, 2023, 3:51pm UTC](https://forums.unrealengine.com/t/ugly-shadows-in-html5-build/1436298/3 "2023-11-30T15:51:37Z")

</div>

Thanks for the quick reply!

Yes the light is adjustable with a slider (times of the day from 8 am till 8 pm.)  
Is that what you mean with realtime?

So the plates you see are grabable actors who can be placed against a wall.

So aligning will be difficult I guess?