I’m pretty sure that there’s tons of youtube tutorials on this topic. A quick google search will do. As for the “fits for all devices” part, you should learn more about UDim2 and scales and offsets. There’s some helpful threads on the forum and the docs too. Lemme list them down for ya.
I’m working on the main menu for my game, and as I was doing this I was of course learning new things and what not. At first I had the problem of the screen; when made larger made my menu stretch. By reading through the Wiki I discovered UIAspectRatioConstraint, which seemed to fix the menu-stretching issue.
But now two things are happening:
The menu doesn’t resize to scale to the screen, I have made all of the elements scaleable and not offset using percents, but it won’t scale?
The menu…
Update: Please note this guide was written before the implementation of UIScaling and Constraints , it is recommended that you use those unless you have specific-use case for this or prefer this method.
a 2am in the morning tutorial, hooray!
I’m putting this out for people who want to know a way to keep the aspect ratio of GUIs the same whenever the Roblox game window is resized. I used to stick with the offset size a ton because in general it looked better and scaling usually has those blurry …
In this guide I will be showing you some good practices for graphical user interface (GUI) design, as well as how to make GUIs in Roblox.
Ultimately what you should do is up to you; I might have good advice, but there will always be exceptions. Design is a flexible discipline. Feel free to mess around or do things that are “wrong”. Just remember that you want to provide a good experience for your players, and a confusing or annoying UI will not help you in that goal.
I have reached the maximum…
https://developer.roblox.com/en-us/articles/Intro-to-GUIs