Gui incorrect position and size when join the game

My game currently having an issues with the gui. It glitches out (idk how to tell)


all gui are set to scale
This happens on mobile device

2 Likes

You used any plugin that change anything of the Gui?

Yes I used Auto Scale plugins that many peoples uses for fit Ui

That Plugin don’t work correctly now, you need scale manually, to that, go to Gui/Frame/Buttons/more Properties tab and put Size → OffSet to 0 and change Size → Scale to change the gui scale, do the same for Position, put Position → OffSet to 0 and change the Position → Scale

On The plugin, maje sure to go to the blue or red icon and select Scale in the Size paragraph. Also, make sure your size in Properties tab is measured with Scale and not Offset.

Alright I will try later on (currently using phone)

Alright Im gonna try it later on

1 Like

If in Properties is all on Scale, you don’t need the plugin.

@kry1068 If you use all on scale and use the plugin, is because you don’t put the Position to Scale

Explanation of UI size
Basically a UI object’s size has an X and Y axis with 2 sets of numbers in them, like {1, 0}, {1, 0}
The numbers on the left side of each bracket (the 1s) are the Scale (size in percentage of the screen). By using the Scale, the object resizes itself to fit any device, as this image explains:

To get scaling absolutely perfect, I set the size to Scale of a UI object before doing anything to it. That way, when you resize the object with the resize boxes, it changes the scale too. The Emulator will be your best friend when it comes to checking if your UI is scaled or not.

For the position, I usually just set the AnchorPoint of my UI objects to 0.5, 0.5. There are other solutions, but I find myself using AnchorPoint instead.

1 Like

So just tried it but still doesn’t work

thanks for replying, but eventually it still doesn’t work

Already did that but not working

Theres a thing inside ur guis frame/buttons, u need delete that first, the plugin puts things inside the guis that make the things dont be in the right position

use anchorpoint 0.5, 0.5 and set the position to 0.5, 0, 0.5, 0
and ph4ntomize has already posted a whole video to show how to scale it correctly :slight_smile:

2 Likes

Oh I forgot to try anchor point. Good news it’s working! :wink: Thank you very much for telling me.

1 Like