Bad rendering quality on mobile (HTML5 export)

This is a READ-ONLY snapshot of the Godot Community Forums when TwistedTwigleg was the owner, which is hosted for archival reasons only. The current Godot Community Forums can be found here.

Some links may point to external websites, including the current Godot Community Forums. These websites are not associated with TwistedTwigleg.

Bad rendering quality on mobile (HTML5 export)

Eiffello

Hi,

My game renders terribly on Android Chrome (HTML5 export), whereas it renders perfectly in other cases.

See for yourself. It looks both blurry and pixelated:

For reference, here is how it looks on Firefox on Linux:

And here is how it renders as a native Android app (on the same device):

I've done all the right things that I know (that is, not much):

enabling filter and mipmaps for all images and fonts;
disabling oversampling on dynamic fonts;
using 2D stretch mode and keep aspect.

Other things that might help:

I'm using Godot 3.5;
my phone is a Samsung Galaxy J5;
framerate is quite low as well (around 30 FPS).

Do you have any idea of what I could've done wrong?

Thank you in advance for your help 🙂.

cybereality

I think you have to enable Hi-DPI in the project settings.

Eiffello

cybereality
That was it! Thank you very much.

CristianoSimao

Your browser is in "scale" mode? (when you add zoom)
I have made some tests and some things in Godot HTML5 not render to screen.

And for the fps try see the links bellow:
See my post here: https://godotforums.org/d/30800-where-do-the-various-textures-in-the-debug-video-ram-monitor-come-from/21
I have a benchmark on Galaxy J5 here:

Eiffello

CristianoSimao
My issue isn't related to the number of triangles I use, because even my title screen (which only contains a sprite and a button) renders at ~ 30 FPS.