# HTML 5 - bad resolution

**URL:** <https://forums.unrealengine.com/t/html-5-bad-resolution/378839>\
**Category:** Platform & Builds\
**Tags:** HTML5, resolution, unreal-engine, Packaging, question\
**Created:** [December 9, 2016, 7:04pm UTC](https://forums.unrealengine.com/t/html-5-bad-resolution/378839 "2016-12-09T19:04:08Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![6r0m](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/6r0m/32/1194563_2.png) [@6r0m](https://forums.unrealengine.com/u/6r0m)\
**Post date:** [December 9, 2016, 7:04pm UTC](https://forums.unrealengine.com/t/html-5-bad-resolution/378839/1 "2016-12-09T19:04:08Z")

</div>

I reviewed other old answers but in code - I can’t see his solutions.

also I tried to set up console commands for resolution - all work before packaging (and in the editor and standalone good resolution). after it in localhost - it’s not work.

 ![118064-ea95c5022e.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/b/e/a/bea55fd24cfd5e2b7be085f0792edc18770cb79e.jpeg)

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_0c62419a](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_0c62419a](https://forums.unrealengine.com/u/anonymous_user_0c62419a)\
**Post date:** [December 20, 2016, 8:08pm UTC](https://forums.unrealengine.com/t/html-5-bad-resolution/378839/2 "2016-12-20T20:08:52Z")

</div>

Hi 6r0m,

It looks like users were looking for a way to adjust resolution in this post: [[4.7] HTML5 resolution - Platform & Builds - Epic Developer Community Forums](https://answers.unrealengine.com/questions/178020/html5-resolution.html)

The answer states that this doesn’t occur in 4.11 what engine version are you using?

Also, the areas you are pointing to seem to have a lot of aliasing at this point in time I’m not sure if anti aliasing is supported for html 5.

I hope that helps,

---

<div class="post-metadata">

**Author:** ![6r0m](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/6r0m/32/1194563_2.png) [@6r0m](https://forums.unrealengine.com/u/6r0m)\
**Post date:** [December 20, 2016, 8:26pm UTC](https://forums.unrealengine.com/t/html-5-bad-resolution/378839/3 "2016-12-20T20:26:46Z")

</div>

Hi Ed, I saw it, thank you,

r.set res work , but not properly - it seems that engine not understand my default resolution after packaging.

here [https://answers.unrealengine.com/questions/533514/archviz-to-html5-or-its-real-to-package-large-proj.html](https://answers.unrealengine.com/questions/533514/archviz-to-html5-or-its-real-to-package-large-proj.html)

nick give me a advice, but I can’t figure out how where I can setup it(

if you give me some tips, I very appreciate this.

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_0c62419a](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_0c62419a](https://forums.unrealengine.com/u/anonymous_user_0c62419a)\
**Post date:** [December 29, 2016, 10:15pm UTC](https://forums.unrealengine.com/t/html-5-bad-resolution/378839/4 "2016-12-29T22:15:33Z")

</div>

Hey 6r0m,

I was able to change r.setRes just fine and get expected results. Could you share how you are setting this command variable (CVar) so that I may verify that you are doing this correctly or if this is indeed a bug.

I did test play your project in the other post and the resolution does appear to be quite bad. So I am aware that something is wrong but it could be the method you are using to set that CVar.

At this point I am guessing that you are using 4.14 is that correct?

---

<div class="post-metadata">

**Author:** ![6r0m](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/6r0m/32/1194563_2.png) [@6r0m](https://forums.unrealengine.com/u/6r0m)\
**Post date:** [December 29, 2016, 11:53pm UTC](https://forums.unrealengine.com/t/html-5-bad-resolution/378839/5 "2016-12-29T23:53:47Z")

</div>

Hey, Ed. Thank you for your time!

I’m using 4.14.  
and I’m try to think logical, if need me change default resolution for one project I should to go in the folder of this “myhtml5project”/config/DefaultEngine.ini

I add this as you said:

 ![120225-1.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/0/e/f/0ef8dbc5d7c0c1a119aeeaf2a60a11cf56eac2ee.png)

after this in the editor - same problem with edges (I think it resolution, or AA simple not work).

ok I compiled project -  
it’s also bad

 ![120228-1.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/e/5/3/e5311cdd3f297b19f65057ca54da8c0a16ce19e9.jpeg)

fullscreen not properly work too

 ![120229-1.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/3/3/8/3388ef2af9807e2c4dd4b27cdc073d9777ad585f.jpeg)

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_0c62419a](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_0c62419a](https://forums.unrealengine.com/u/anonymous_user_0c62419a)\
**Post date:** [December 30, 2016, 3:14pm UTC](https://forums.unrealengine.com/t/html-5-bad-resolution/378839/6 "2016-12-30T15:14:00Z")

</div>

Hi 6r0m,

I did some more testing and it actually does seem like the resolution gets messed up when going into fullscreen.

In regards to the full screen not working this has been entered as a bug and is currently being worked on. You can find the report here: [Unreal Engine Issues and Bug Tracker (UE-36341)](https://issues.unrealengine.com/issue/UE-36341) (this deals with the black bars) hopefully will address the resolution issue.

* * *

I got around this by hitting “`” (this opens the console) and typing “r.setres 1920x1080”

I know this isn’t a viable solution for your customers so maybe what you can do is this:

- In the level blueprint add the node **execute console command “r.setres 1920x1080”**
- Have this tied to a hotkey and you can just tell the customer that once they are in full screen press the key that you have tied to this node

* * *

The other issue you are seeing is anti-aliasing not functioning. After extended testing I couldn’t get good results with Anti-Aliasing so I entered this feature request: [Unreal Engine Issues and Bug Tracker (UE-40091)](https://issues.unrealengine.com/issue/UE-40091)

Let me know if anything needs to be changed or added.

,

Ed

---

<div class="post-metadata">

**Author:** ![6r0m](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/6r0m/32/1194563_2.png) [@6r0m](https://forums.unrealengine.com/u/6r0m)\
**Post date:** [December 30, 2016, 4:35pm UTC](https://forums.unrealengine.com/t/html-5-bad-resolution/378839/7 "2016-12-30T16:35:43Z")

</div>

Thank you, Ed.

Resolving this will be very good for html5 implementation.

Good luck.

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_f0fea7ad](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_f0fea7ad](https://forums.unrealengine.com/u/anonymous_user_f0fea7ad)\
**Post date:** [March 9, 2017, 2:15pm UTC](https://forums.unrealengine.com/t/html-5-bad-resolution/378839/8 "2017-03-09T14:15:52Z")

</div>

n the future there will be an incorporated fix in the HTML shell template that UE4 uses which allows customizing between a couple of different “stock” behaviors for flexibility, e.g. fixed window, standard dpi and high dpi. These earlier resize bugs have all been confirmed to be fixed there. You can see an example of that in action in the new Zen Garden demo that launched this week,

In particular moving between fullscreen modes now allows retaining the pixel perfect high DPI rendering that reduces aliasing caused by resolution mismatching. In this solution, the “r.setres width x height” fields are not by default used, and rather developers can stylize and size the canvas from the html page. It is still possible to use the r.setres if the html page is set to “fixed” size. See the html page source of the WebAssembly demo above to get an idea of how that will work in action.
