Scripting Helpers is winding down operations and is now read-only. More info→
Ad
Log in to vote
0

How to adapt a GUI to different screen resolutions?

Asked by
Gameloft64 1
4 years ago

I tried to look for different solutions on the internet but I found many different ones. So I would like to ask if anyone knows how to make GUIs "responsive" (That is, they adapt to every screen resolution)

1
Using only scale instead of X and Y offset for sizing the GUI would probably work. Use the in-studio emulator to test it out for different resolutions. Shrilleh 68 — 4y

1 answer

Log in to vote
0
Answered by
Mr_Unlucky 1085 Moderation Voter
4 years ago

Hi! Back then I had the exact same problem as you when game developing. GUIs I made in Roblox Studio would look way differently on other devices. When doing this I suggest using the Emulator feature in studio. You can look at the point of view of other devices.

There are plugins that I'd definitely recommend. The plugin I use is called AutoScale. You can customize your GUIs so that they can look better in other screens. You can convert their size and position by selecting the GUI and clicking on Scale. You can also add GUI constraints so that they can maintain the size on different screens as well.

Click here in case you want the DevForum post.

You can also click here for the actual plugin link.

Ad

Answer this question