I noticed that on really small resolutions my interface is far too large and intrusive. However, I like the size it has on larger screens and do not want to make them really small for everyone unnecessarily. I would like to avoid having to use scripts to determine the optimal size and positioning as this seems tedious and time consuming for an expansive interface.
Another is positioning. After I tested using UIScale on my interface, while the sizing was acceptable, their positioning was awkward. For example, making two elements smaller made them unreasonably far apart from each other. Scaling the entire interface down all at once caused the elements to be far away from the screen’s edges.
Recently Roblox has released several UI element objects that seem useful for this situation. Is there any easy solution to scale my GUIs using these objects? What is the best way to scale them for various screen resolutions?
My current interface as represented by the VGA emulator:
It might be useful to use the percentage scaling rather than the size scaling.
This would refer to in the size area of the GUI Elements, using the first set of numbers.
In the scaling, (.5, 0) (.5, 0) would make the GUI element be 50% of the screen for both the X and Y axises.
And ya beat me to it; was about to say the same thing. I really love how people often are so quick to reply with ways to help.
EDIT: another way to help with scaling is maybe a UIAspectRatioConstraint since scale is difficult to make perfect shapes that don’t change size using plain scaling
Using the Scale properties for size and position rather than Offset and making use of Documentation - Roblox Creator Hub has helped me ensure GUIs scale appropriately for all resolutions.
