Search in
Sort by:

Question Status:

Search help

  • Simple searches use one or more words. Separate the words with spaces (cat dog) to search cat,dog or both. Separate the words with plus signs (cat +dog) to search for items that may contain cat but must contain dog.
  • You can further refine your search on the search results page, where you can search by keywords, author, topic. These can be combined with each other. Examples
    • cat dog --matches anything with cat,dog or both
    • cat +dog --searches for cat +dog where dog is a mandatory term
    • cat -dog -- searches for cat excluding any result containing dog
    • [cats] —will restrict your search to results with topic named "cats"
    • [cats] [dogs] —will restrict your search to results with both topics, "cats", and "dogs"

HTML5 build large black area

Hello, I recently created a test project to see how HTML5 fared with the current Unreal Engine.

While testing locally using the "Launch" button, I was able to run this game in 32bit Chrome with no issues.

However when I package the game, and run it locally I see a large black box covering most of the game. On 32bit Chrome it's a gray and black box like a ghost of the first frame, and on Firefox Nightly it's just all black.

I uploaded the project to itch.io and saw the same results as my local host. https://deadboltinteractive.itch.io/u4-test?secret=KkOqKO8mx35MgaR5IE9xGaCvhqw

Any suggestions or solutions are welcome.

alt text

Product Version: UE 4.11
more ▼

asked Apr 29 '16 at 10:39 AM in Packaging & Deployment

avatar image

405 11 18 36

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

2 answers: sort voted first

I'm happy to hear this error is no longer occurring. I am marking this as answered for tracking purposes.

more ▼

answered May 04 '16 at 08:10 PM

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

Tried this on Windows 10 64-bit / ASUS NVidia GTX 980 Ti with Firefox Nightly 64-bit 49.0a1 (2016-04-28) and in Firefox Stable 46 32-bit, and on both I get output that looks like on your system. Which OS x GPU x Firefox browser versions do you have?

Since the darkened area looks like a 2D overlay of some sorts that is just vertically offset, I wonder if that could be related somehow to camera sizes or aspect ratios being computed wrong. Seems like an UE4 engine bug, but would be good to poke around different configurations to try to find what it is related to. Are there any postprocessing effects or anything like that in use?

Btw, when running in Firefox, after a few seconds, I get the error "Blocked loading mixed active content "http://etsource.epicgames.com/ET2/CollectData.1?SessionID=xxxx" in console. This is reported as bug https://answers.unrealengine.com/questions/410058/html5-exports-are-not-loadable-via-https-cdns-by-d.html to which the page execution crashes.

more ▼

answered Apr 29 '16 at 11:15 AM

avatar image

1.2k 15 4 17

avatar image nopunintendo Apr 29 '16 at 01:49 PM

Thanks for taking a look. I'm running Windows 7 with a gtx760, and I'll have to get back to you on the Firefox version once I'm home later.

I simply updated my UE4 to 4.11.2 and then followed Alan Noon's training stream for building a 2d platformer, and after the first part decided to make a build. It's mostly the default 2d platformer template. I will poke around and disable different things tonight and see if I can find a reproduction.

I did change the HTML file to use https as that's what itch.io recommended, so maybe that causes the error, but I was seeing this problem before I did that.

avatar image nopunintendo May 02 '16 at 03:04 PM

I created a new project with only the content from the default 2D sidescroller template, and was able to make and run the build with no visual artifacts. I'm not sure what was causing my problem, but it appears to have been a product of my changes.

avatar image Adam Davis STAFF May 02 '16 at 07:10 PM

Hi dbInteractive,

Did you have any post process settings or a widget in your project that could be causing the artifacts to occur?

avatar image nopunintendo May 02 '16 at 08:01 PM

I didn't apply any post settings. I do have one widget that is attached to the player as a component, the health bar. It's quite a small canvas, as the game is in pixel units, and the progress bar didn't exactly scale down elegantly, but it seemed to look fine. I'll test later tonight and see what the settings on the widget are, and if removing it fixes the visual bug.

avatar image nopunintendo May 03 '16 at 04:00 AM

I removed the widget and rebuilt the game, and it does seem to be working now. I believe I had the widget component on my player set to render in screen space.

avatar image Adam Davis STAFF May 04 '16 at 07:36 PM

to confirm, you are no longer experiencing the error you were seeing?

avatar image nopunintendo May 04 '16 at 07:54 PM

yes, removing the widget component solved the issue. Thanks for pointing me in the right direction.

(comments are locked)
10|2000 characters needed characters left
Viewable by all users
Your answer
toggle preview:

Up to 5 attachments (including images) can be used with a maximum of 5.2 MB each and 5.2 MB total.

Follow this question

Once you sign in you will be able to subscribe for any updates here

Answers to this question