How does Roblox TouchGui work (Mobile)? How can I have my UIs be as dynamic as theirs?

Help and Feedback Art Design Support
,
#1

  1. What I want to achieve: I want my GUIs to be as constant as ROBLOX’s is, despite the changing resolution. (So that would be like a custom jump button for example)

  2. The Issue: Roblox’s TouchGui seems to have an additional Offset property that changes depending on the resolution of a screen, but if I add offset to mine, it will always be the same (and hence leads to issues in a variety of resolutions)

  3. I’ve tried trying to just do it via scale (which has errors as well), while adding offset (doesn’t work, has errors) and whatnot

Some screens look fine, but the longer the X resolution is, the worse it looks.
I’m unsure of how to fix it.
I did however just come up with a fix that might work, will try that and update.

Edit: Alright so, I tried copying the Jump Button.Position, Size and Parent to my custom Jump Button, which, well, works. However, I have extra buttons and I need them to be sized as well, I tried a couple of variations but I’m left with the same issue. In some, the distance is too big and in some, they are overlapping

1 Like
#2

Using aspect ratio can help with making sure your frame or buttons stay square even with a higher X scale and Y scale. You can also use a list to help with stacking the buttons properly on top of each other. Hope this helps!