How to stretch picture to keep it as a background

Author

Message

NewProgramer

6

Years of Service

User Offline

Joined: 10th Jan 2018

Location:

Posted: 10th Jan 2018 19:19

Link

Hello was wondering how do you stretch a picture and put it as the background also what size pictures should i generally use for all my apps. Thank you

Back to top

Profile PM

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 10th Jan 2018 21:24

Link

Determine the resolution of the largest device you plan on your app being used by. Make your background at least that size, because it'll look better reduced to fit smaller screens than it will enlarged to fit bigger ones.

And you can use setSpriteSize to match the resolution of the screen. I'm not positive, but I'm willing to bet not all phones have the same aspect ratio. So consider how you want to resize the background. Stretch to fit? Or maintain the aspect ratio and apply black borders.

Tiled TMX Importer V.2
XML Parser V.2
Base64 Encoder/Decoder
Purple Token - Free online hi-score database
Legend of Zelda

"I like offending people, because I think people who get offended should be offended." - Linus Torvalds

Back to top

Profile PM Email Website

Supertino

7

Years of Service

User Offline

Joined: 22nd Jun 2017

Location: Behind you!

Posted: 11th Jan 2018 11:22 Edited at: 11th Jan 2018 11:24

Link

id say go no smaller than 1080p, most new phones\screens are 1080p or higher today.

+ Code Snippet


img_background = loadimage("blah.png")

spr_background - CreateSprite(img_background)
SetSpriteSize(spr_background, GetDeviceWidth(), GetDeviceHeight())

The above does not account for aspect ratio but using GetDeviceWidth()\ GetDeviceHeight() and GetImageWidth() \ GetImageHeight() you can resize the sprite and keep aspect by chopping off sides or bottom as needed.

Checkout my PC/MAC games on itch.io | Checkout my STEAM games | Checkout my ANDROID games | Santas workshop on Steam

Back to top

Profile PM Website

Phaelax

DBPro Master

21

Years of Service

User Offline

Joined: 16th Apr 2003

Location: Metropia

Posted: 15th Jan 2018 15:14

Link

Just to point out, you can use -1 in place of one of the dimensions and it'll be calculated automatically to maintain aspect ratio.

Tiled TMX Importer V.2
XML Parser V.2
Base64 Encoder/Decoder
Purple Token - Free online hi-score database
Legend of Zelda

"I like offending people, because I think people who get offended should be offended." - Linus Torvalds

Back to top

Profile PM Email Website

Supertino

7

Years of Service

User Offline

Joined: 22nd Jun 2017

Location: Behind you!

Posted: 16th Jan 2018 11:23

Link

@phaelax - nice tip I did not know that.

Checkout my PC/MAC games on itch.io | Checkout my STEAM games | Checkout my ANDROID games | Santas workshop on Steam

Back to top

Profile PM Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 16th Jan 2018 18:39 Edited at: 16th Jan 2018 18:41

Link

I would normally make it fit the maximum size it can without creating a squashed image. Something like this:

+ Code Snippet

img = LoadImage("myImage.png")
spr = CreateSprite(img)
SetSpriteSize(spr, GetDeviceWidth(), -1)
If GetSpriteHeight(spr)<GetDeviceHeight()
    SetSpriteSize(spr, -1, GetDeviceHeight())
endif
SetSpritePositionByOffset(spr, GetDeviceWidth()/2, GetDeviceHeight()/2)
FixSpriteToScreen(spr, 1)

If you don't mind stretching it do something like this:

+ Code Snippet

img = LoadImage("myImage.png")
spr = CreateSprite(img)
SetSpriteSize(spr, GetDeviceWidth(), GetDeviceHeight())
SetSpritePositionByOffset(spr, GetDeviceWidth()/2, GetDeviceHeight()/2)
FixSpriteToScreen(spr, 1)

Using AppGameKit V2 Tier 1

Back to top

Profile PM Email

Sorry your browser is not supported!

Newcomers AppGameKit Corner / How to stretch picture to keep it as a background