HTML 5 Rendering Preview all my Lights are not working

When i change the Rendering Preview Level to Mobile/HTML 5 all my lighting is gone

HTML5 currently uses the same rendering path as mobile, and mobile does not currently support dynamic lights. Are your lights movable? If so, they will not work on mobile or web right now.

1 Like

Hello ,

When you’re previewing your project for HTML5, are you using the Binary (launcher) version or the Source (Github) version of Unreal Engine 4? Also, which version are you using?

Could you please provide as many details as possible, including the steps you’re taking to render this preview so I can better assist you? If you happen to be running into any errors, providing me with your output would be greatly beneficial, they’re located within: Unreal Projects/PROJECTNAME/Saved/

Thanks!

nope all my lights are static and as far as the version goes i opened my scene through the Epic games online launcher

its version 4.7 which has a new firefox icon in the drop down and as well in the packaging HTML 5 is now available so i selected that to package it and i get a not responding after about 10 minutes of compiling…soo i saw in the preview rendering level under the settings i switched it to HTML5 and it took like 30 minutes or so to re compile like 58,000 shader’s it said…once that was done all the lights looked turned off???

Hello ,

Have you built your lighting before previewing your project in preview rendering level? If not, please use the drop-down beside ‘build’ and select ‘build lighting only’.

If this does not resolve your issue for you or it’s something you have already done, please provide me with reproduction steps of what you’re doing so I can help you further.

Thank you!

I wanted to see if lights worked in HTML 5 soo i made a HTML 5 version of the First Person Template… now i tried this with STATIC, STATION, and MOVABLE and Build lighting and when i load the HTML 5 version in Firefox its as if i never put lights in at all.

I even build the lighting on it then deleted the lights leaving just the baked in lighting on the surface and when exported to HTML5 and loaded in Firefox still no lights…

The only lighting that seems to come across is the sunlight/skylight that’s default in the first-person Template but adding any spotlights dont come across to html5 Lighting built or not

Hey ,

From what I understand, when you your project as HTML5 to FireFox none of the lights show up, except for the skylight? So, if you were to:

  1. place a static point light on the floor
  2. change the color of the light
  3. build lighting
  4. to HTML5 (or package)

The static light you have placed would then not appear?

I want to make sure that I am doing the steps exactly as you are. If I am not, please provide me reproduction steps I can use to get to the bottom of the issue you are experiencing.

Thank you!

Yess correct ive tried dozens of times

,

I have mocked up a project for HTML5 with a static point light. I was able to get the lights to show up with the sunlight included. Unfortunately, the default setting for the light doesn’t appear as bright on HTML5 as it would if you packaged for the Windows platform.

How intense are the point lights that you’re including in your project? Have you changed the intensity of any of the lights used when you were attempting to correct the situation?

The intensity in the picture below is: 100000.0

Looking forward to hearing from you!!

nopehaven’t tried increasing the lights yet I will attempt it and get back to you thank you

You’re welcome, please let me know if you have any further questions regarding this issue.

Have a great day!

I tried and it still didnt work turning the intensity of the spotlight to still dosen’t show up in HTML 5 Version in Firefox :frowning: i’m not sure whats wrong here

,

I have been able to successfully place a static point light as well as a static spot light into the First Person Template and have it show up in HTML5.

What I did was placed the lights far apart from one another (just for testing purposes), I made sure that their intensity was up, because the intensity doesn’t seem to come through as it would for a project on Windows or another device so to speak. I lowered the lights towards the ground (the surface I expected the light to bounce off) and changed the tint of them to a shade that would be noticed. I then built the lighting, saved the project and packaged it for HTML5.

After the project was packaged for HTML5, I opened up a simple server and tested it in FireFox.

If you attempt these same steps and are not able to get the lights to show up within your project, I’ll be more than happy to take a look at the lighting within the project you’re having trouble with and see if there is any difference between your settings and mine.

I hope this helps, if not, please reply to this thread and I’ll be more than happy to assist you further! :slight_smile: