Offset UI not scaling properly across devices

I know what you’re probably thinking: “well no dur you have to make it scale so it scales properly this guy must be an idiot” However, I already have a script in place converting it to offset once the game loads, it’s scale beforehand.
To get to the point, I am struggling with making a UI element scale across devices. Whenever I press the play button, it messes everything up. To show what I’m talking about:
GIF 9-28-2024 5-42-48 PM
Does anybody know how to fix this? It would be quite helpful!

2 Likes

what i’m thinking is “why didn’t this guy show us how he positioned the UI”

if you didn’t already, try using AnchorPoint {1, 1} and Position {1, 0}, {1, 0} (assuming you have UIPadding)

2 Likes

yeah probably should have mentioned that. Here you are:
image

I tried to set the anchor point and position as you suggested, but it didn’t work. Also, I’ve never used UIPadding before, how would this help?

2 Likes

i just realized that you were probably talking about the yellow circle getting shrunk when you test

image

image

this is most likely because of the ScreenGui not having IgnoreGuiInset; this would move the frames down for the roblox topbar

Enabling IgnoreGuiInset on the ScreenGui would probably fix the issue

but i have a question

if the yellow circle is inside the blue frame
shouldn’t your UIAspectRatioConstraint be inside the blue frame?
(yellow frame with {0.5, 0.5} AnchorPoint and {0.5, 0, 0.5, 0} Position)

image

(average phone)

(my screen; cut off some of the corner padding by accident)

1 Like

Thanks for the help; IgnoreGuiInset did work.
Pertaining to your question, the blue frame scales just the way I want it to, and the yellow frame is parented separately from the blue frame because it clips incorrectly if parented to the blue frame.
The other question I had here has been solved.

2 Likes