how to make backgrounds, and they look good in different mobile displays?

[Luquemeister]

Hello every one, I have tried to add a background for my portrait mobile game, the game room is 1080x1920 but this rooms changes deppending on the mobile device, the problem is, when I add the background to the game it stays in 1080x1920 , and this doesnt fit for some devices, how can I make the background to fit all the devices and still looking good? thanks

 

[matharoo]

Can you mention the specific details of this problem? For example, does this problem occur when the display is longer vertically, and the background looks cropped?



And what do you mean when you say "the room changes depending on the mobile device"? Are you changing the size of the room depending on the size of the mobile device? In that case I'd recommend scaling the view/camera instead, as that will keep your room backgrounds intact but crop the view to fit the new aspect ratio.

 

[Luquemeister]

Can you mention the specific details of this problem? For example, does this problem occur when the display is longer vertically, and the background looks cropped?

View attachment 37228

And what do you mean when you say "the room changes depending on the mobile device"? Are you changing the size of the room depending on the size of the mobile device? In that case I'd recommend scaling the view/camera instead, as that will keep your room backgrounds intact but crop the view to fit the new aspect ratio.

I mentioned the game is in portrait mode,when I say that the room changes depending on the mobile device, I mean that the game adjust itselft to the ratio of the device, but the background stay teh same size.

the problem occurs when I have a non repeatable background, for example a landscape in portrait mode. when I add the background to the game it has a permanet width and height.

for example, my default resolution is 1080x1920, and the background that I add is the same, when I try to play the game in a mobile device that has a different resolution, for example 1080x2400 all the game changes to fit that resolution
but the background will stay at 1080x 1920, and a big black bar will appear in the botton of the game.

How can I make the Background changes it`s resolution depending on the mobile device?

 

[matharoo]

Take a look at the Background Layers section of the manual: https://manual.yoyogames.com/#t=Gam...Rooms/Background_Layers/Background_Layers.htm

You can use layer_background_get_id to get the background element ID for a layer. The functions layer_background_xscale and layer_background_yscale can be used to scale the background image to match the new resolution.

 

[Luquemeister]

Take a look at the Background Layers section of the manual: https://manual.yoyogames.com/#t=GameMaker_Language/GML_Reference/Asset_Management/Rooms/Background_Layers/Background_Layers.htm

You can use layer_background_get_id to get the background element ID for a layer. The functions layer_background_xscale and layer_background_yscale can be used to scale the background image to match the new resolution.

thank you I will check it