Need help with sizing and centering a GUI

How do I make it so that the Square shrinks with the device and keep the squareness?

I tried using offset and it just makes the entire thing bigger when it’s on a smaller screen devices

I also tried UIAspectRatioConstraint, still nothing

Can anyone help?

Here’s a video:

1 Like

use the uiscale plugin

https://devforum.roblox.com/t/plugin-autoscale-lite-for-guis-scale-your-ui/217704

I uses that exact pluginnnnnnnnnnn

go to the tab “test” in roblox studio and see if it fits on a iphone, if not scale everything in the ScreenGui to a average laptop in the test tab.

But then it won’t be a square anymore

No, use a average laptop and scale it there dont change the size of the square

It’s still not a 1x1 square tho : /

Did you try putting it in the Frame itself?
image

Yuh I did, It kind of does work but the size doesn’t match the screen

Use the UIAspectRatioConstraint feature of the plugin you’re using to keep the shape of the existing frame.

Changed the Dominant Axis, now it works

An aspect ratio also has properties for screen dependent scaling.
Here’s a little clip of it.
Basically, you play around with the AspectType and DominantAxis properties until it does what you want…I can’t really explain it any better as I aren’t familiar with the tech, but use it often. Especially for mobile screens.

1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.