Resize canvas problem HTML5

anonymous_user_83949151 · December 14, 2015, 6:43pm

Hi. Please help!!
I am customizing the html file when I build the project on HTML5 package. I change the canvas size to have 100% height , but I have a problem with the first load. The resolution of the game is wrong, but when I resize the browser window the game resizes fine.
Can I force the resize on the first load with something?
This is the aspect in the first load:

And this is the aspect after resize window:

Thanks

anonymous_user_b9532c9a · December 16, 2015, 4:30pm

Hi adri21112,

What steps are you taking to reproduce this on your end?
Are you using UMG or HUD for the canvas?
Is this a c++ or blueprints project?
Where are you setting your resolution?

anonymous_user_b9532c9a · December 21, 2015, 2:46pm

Hi adri21112,

We have not heard from you in several days. I am marking this as answered for tracking purposes, if you are still experiencing this error, please comment with the requested information.

EternalSilence · March 29, 2016, 4:08pm

Hello I have the same type of problem but when i load the HTML5 project the canvas is really low res where I can change this ? I use BP and UMG, And when i resize my windows on firefox the canvas is not resized. Thx

anonymous_user_b9532c9a · March 29, 2016, 4:56pm

Hi EternalSilence,

Can you show me the bp script/UMG script you are using to resize the canvas?
Does this occur in launch, PIE, or in a packaged project that is not HTML5 or is it limited to HTML5 projects?
Have you tried any other browsers to see if this is limited to Firefox?

EternalSilence · March 29, 2016, 6:36pm

Here two screenshot of the same object, I just click on maximize on my explore to restore the normal quality.

Yes I try with chrome and firefox.

I dont use BP to resize my canva I use the fullscreen html button on the export project.

It’s only when i launch the project packaged for HTML5.
In UE4 editor I don’t have this problem.

EternalSilence · March 29, 2016, 8:46pm

No i dont try to use set res but why when i open it the res is really poor and just by moving the windows it’s make like a refresh and put the real res ?
Edit: I use set res but nothing change it’s like the canvas can refresh the poor quality i really need to resize the windows to remove this poor quality

anonymous_user_b9532c9a · March 29, 2016, 8:40pm

have you tried using set res? This doesn’t look like it’s related to the canvas but the resolution of your entire project.

EternalSilence · March 30, 2016, 5:25pm

Yes I just create a new fresh 3rd person template project, make a html5 export, launch it on localhost with chrome and same result.

anonymous_user_b9532c9a · March 30, 2016, 5:16pm

Do you have any steps I can take to reproduce this on my end or a sample project I’d be able to take a look at? It may help to clarify what is occurring.

anonymous_user_6e7b421a · March 30, 2016, 8:44pm

Hey EternalSilence,

I just tested this out using your instructions and did not get the results you are reporting. Maximizing the window as well as scaling the window to any size produces the same visual quality relative to the size of the window.

Check to make sure your ‘Engine Scalability Settings’ are all set to ‘Epic’

Thanks,

EternalSilence · March 30, 2016, 9:32pm

Already check, so it came from my engin setting ? I try to download 4.11 and make the test with fresh engin instal

EternalSilence · March 31, 2016, 2:15am

So I make a new build from UE4 4.11 preview 8 and no more problem … but now i have issue with the UMG who make crash the game on HTML5 …

anonymous_user_6e7b421a · April 1, 2016, 9:01pm

You will want to create a new AH post for the crash. In the new post, be sure to provide some repro steps and the crash logs. You can take a read over our How to Report a Bug sticky on the forums to get an idea of the information we usually request when reporting a crash or bug.

Thank you,