FullScreen button causing black bars on HTML5 Build
When i press the FullScreen button at the bottom of an HTML packaged build, i get this:
When i resize the window by dragging the corner, i get this:
I've researched a bit and have seen a similar post on the Unreal Engine Issues page: https://issues.unrealengine.com/issue/UE-36341
So i followed the exact steps on that page to reproduce it. The resolution seems fine when i't first loaded but issues occur when it's FullScreen'ed or dragged. I'm working with 4.15 on Firefox. When deploying to Chrome, i receive the following error: "Uncaught Range Error. Array buffer allocation failed". I presume this was because i upped the heap size from 1024 to 2056 to combat the first set of "Out of Memory" errors i was receiving.
Any help/advice would be great, thanks!
The various resize issues should be fixed for UE 4.16 release. Check out http://mzl.la/webassemblydemo for an example page that illustrates the direction that the HTML5 template looks like there. If you have set up the GitHub repository to build master branch manually from source, I think you should be able to get to the fixes already now.
Likewise, Chrome is able to catch up with its support for compiled code on the web with WebAssembly, which will also be in UE 4.16 release. That will hopefully fix memory issues for them as well. The largest heap size is 2032MB, but the problem is that is probably too large for Chrome as well. Try something like 512MB or 768MB, especially if running on a 32-bit browser.
answered Apr 10 '17 at 12:24 PM
Follow this question
Once you sign in you will be able to subscribe for any updates here