How to make mobile game looks the same on different mobile screen resolutions

General
1

Hi,

I’m new here and I guess this question has been already asked before. However I was not able to find some clear answers.

Not all mobiles have the same screen resolution and aspect ratio.
So I was wondering how to make HUD and artwork look like similar on different screen resolutions and to have elements placed on the same place in the HUD for example ?

thanks

2 Likes
2

You can use Godot’s control node for the main base.It’s a container that can anchor other container/ui nodes.
Have a look at

And if you need any help just ask the forum!

3

You also want to make your game a square in the editor, so that it can expand vertically or horizontally when the phone is titled (if you want to support that).

3 Likes
4

Yes ! Have a look at CanvasLayer documentation and tutorials aswell.

1 Like
5

I was solving this in my post , square canvas layer , anchoring and combination of full rectangle etc . Have look for inspiration

2 Likes