Okay. You want to know how to make all those Frame
s and TextLabel
s scalable on all devices? I got you.
Now, first of all, I’m not saying you shouldn’t use plugins for this. This tutorial is for those who want to make it without plugins.
Why choose this method over other manual methods?
This method allows you to actually use provided Size
and Position
changing tools provided by ROBLOX on the screen instead of the Properties Tab.
Going to start off easy with a simple ScreenGui
in StarterGui
. Call it whatever you want. Or you can use an already built one.
Tip: It’s better to build rescaling Ui’s from scratch for this method.
Now in order to make something be rescalable on all devices, we have to follow these same steps for every single piece of UI you have, like Frames
, TextLabels
, TextButtons
etc.
Step 1. Make Anchor Point’s value (0.5, 0.5)
Step 2. Go into the position value, and set it to (0.1, 0, 0.1, 0)
Step 3. Go into the size value and set it to (0.5, 0, 0.5, 0)
Now what you’ve done, is made your UI use scale instead of offset manually.
What you can do now, is use the provided screen tools to change the size and position without having to worry about them rescaling on all devices! As long as you did the above steps, and even did anything using the screen tools after that, it’ll still rescale!
This tutorial is a follow up for this one:
Thank you for reading this tutorial!