Screen Resolution to fit all mobile screens

Asp159 · November 4, 2022, 6:08pm

I checked lots of topics and tutorials but there are no correct solution for this question…
When I run my portrait 720wx1280h game on my Samsung A50 mobile %30 of the screen is empty from bottom and top. When I choosed to auto resize height from properties %40 percent of the screen is empty on the bottom side.
How can I set my game to fit all the mobile screens? If I need to make different setting for every resolution what are the steps? Is there any option to make different resolution for different mobile devices?
Is there any answer tutorial etc. for this.
Thanks a lot

Silver-Streak · November 4, 2022, 7:12pm

The other posts that speak to this are pretty accurate. Unfortunately there isn’t one resolution to fit them all. For reference:

Set the resolution automatically

There is no magic bullet for resolution.

You can either:
Allow your game to always resize its resolution dependent on the monitor (checkbox in project properties), then use the anchor behavior to lock your GUI in place. This will lead to the player seeing more (or less) of the game area than you intend, and your buttons will be much smaller (or bigger) depending on the display resolution. (This was common WAY back in the day, but hasn’t been common for a decade)

or

Do not allow the game to resize the play area, and use the scaling setting in project properties (either width or height). This may lead to bars on top/bottom or left/right depending on your selection, but your game area will always display the same amount of game regardless of the size of the screen, and the aspect ratio of all buttons will stay the same. (This is pretty common for mobile games)

or

Create GUI assets for a predefined set of resolutions, detect the closest resolution, and use those assets. Automatically adjust the zoom of your game layers (but not GUI layers) based off the resolution. This is common in PC games, but you’re going to have to do a lot of manual math and resizing.

The above options are the same across all engines, although some make the 3rd option easier or harder than others.

Asp159 · November 4, 2022, 7:30pm

Okey I understant these solutions, thank you for answer but for example how can i implement second solution to gdevelop? Which event or property settings do i need to change? how will I make “game area will always display the same amount of game” thing.
Sorry for lots of questions but you need to explain “Gdevelop for dummies” version for me haha

Silver-Streak · November 4, 2022, 7:45pm

This will be in your game settings > properties panel. In the “Resolution and Rendering” section. Ensure “Update resolution” Is not checked, and then set the game resolution resize mode to your preferred method (width or height)

Silver-Streak · November 4, 2022, 8:18pm

Not sure what you’re looking for as that is correct. As mentioned in the post, the middle option explicitly says it will keep the aspect ratio you choose, meaning black bars on the sides.