Scripting Helpers is winding down operations and is now read-only. More info→

How to make a Gui that fits on any screen?

Asked by

6 years ago

I have like this Square gui for PC screen and i want it like it adjust on how small the screen is but the image is not stretched or compressed when you use it on phone or some smaller screens.

https://devforum.roblox.com/t/keeping-the-aspect-ratio-of-your-guis/17171 RayCurse 1518 — 6y

2 answers

Answered by

TruDevek 40

6 years ago

When working with GUIs, we deal with two types of sizing/positioning.

Scale, which runs on a number scale from 0 to 1. Offset, can be almost any number that you please.

Scale is typically used to define specific positions and sizing that can fit on all screens (but this can vary obviously.)

Offset, however, is typically used to define the spacing between several interfaces, which in your instance is not completely relevant.

In this instance, your GUI will probably be better suited to using Scale.

My advice would be to set the Offset to 0 and then play around using the Scale sizing in order to size it to your desire. Scale and Offset can both be found in the Position / SIze property of a GUI.

I hope this helped.

Answered by

Gamer_io 14

6 years ago

It’s hard to say this in words, but this video can help! ;) https://m.youtube.com/watch?v=IPtI_v6Cl7o

Kind regards, Gamer_io

This doesn't answer the question. He isn't asking for how to emulate other systems, he's asking how to properly scale GUIs so they can fit on all screens. TruDevek 40 — 6y

How to make a Gui that fits on any screen?

2 answers

Answer this question