Image Label fitting on all devices?

Help and Feedback Game Design Support
,
#1

I need some help. So I’m trying to make an overlay with a decal on the user’s screen BUT the problem is that I know some screens bigger or smaller won’t have it covering the whole screen but as instead bordering a small section of the screen. How do I make it where It overlays on all devices without any problems? I have listed some examples of what I mean by that below in screenshots.

[As soon I created a Vignette effect that works on my screen completely.]
image
[And this is the effect on a (for example) T.V sized screen]
image

1 Like
#2

Hi. You should use scale values instead of offset. For example, if you want to cover the entire screen you should set the image label’s properties as:
Position: 0.5, 0, 0.5 0
Size: 1, 0, 1, 0

These numbers are relative to the size of the screen, so they will mantain their ratio with the screen dimensions.

3 Likes
#3

As mishajones said, except you don’t actually need to do the Position into 0.5 because
Scale 1 basically means 100%, it works like a fill percentage.

For your information, Offset is basically “Pixels”, putting 500 means that you’re setting the Image to 500 Pixels no matter the screen’s resolution.

image

1 Like
#4

Thanks man, I appreciate it. I’v been trying to figure out how it works for a while now :sweat_smile:

1 Like