GUI in Studio different from GUI in-game

Help and Feedback Art Design Support
#1

I’ve been trying to make a simple GUI for a game I’m making; however, the GUI that I make in Roblox Studio looks very different from the GUI that appears in-game. I find it really inconvenient that I have to go in-game every time I make an edit to the GUI to see if it is in the correct position.

Here are the images of how the GUI looks after doing all the trial-and-error:

image
image1920×1080 281 KB

image
image1920×1080 326 KB

So far, I’ve tried to remove all the Roblox Studio tabs like the output, toolbox, etc. because I assumed it was a problem with a difference in screen-size, but that did not solve the issue.

I’d appreciate any help I can get!

1 Like
#2

Are you positioning your guis with scaling or offsets?

#3

I don’t believe so. How would I go about doing this?

1 Like
#4

Screenshot_20210119_010745_com.android.chrome
Screenshot_20210119_010745_com.android.chrome1080×2340 163 KB

See the image in the top right? The devices?
Enable that and mess around with the screen size on display.

#5

Sorry, my bad on the wording. I think you misunderstood my question. When dealing with UDim2 positioning, you can position the gui using scaling, which will change depending on the resolution, or offset, which is the amount of pixels it takes up. Why I asked this is because if you use scaling, then it wouldn’t matter what resolution your screen was, it would be in the correct positioning.

2 Likes
#6

Thanks! This seemed to be exactly what I needed.

1 Like
#7

Wouldn’t this type of feature only apply to the resolution of phones?

#8

No, it has multiple resolution option for every devices such as Xbox, Laptops, iOS, etc.

#9

Oh I see now. That’s a very useful tool.