Is there a way to make a gui object stay in place?

[abramovkirill_Forum (abra)]

Hello,

I tried making a main menu for my upcoming game and it worked out. In studio it looks fine while in-game it gets scrambled.

The menu in studio:

The menu in-game:

I tried using AnchorPoint, it didnt really make a difference.
Using offset didnt really help either.
I even looked up an answer to this issue in the forum - it also didnt help.

Any help is appreciated.

[Crygen54 (Crygen)]

• All Gui objects “Position” and “Size” have to be changed only in “scale” values, offset values have to be set to 0… so all your Ui’s will approximatively keep their size and position on any screen size from any devices.

• You also need to use “UiAspectRatioConstraint” to make Ui’s keep there initial size and shape, because sometime their shape got changed while getting auto scaled in different screens. To do that, you can use this plugin which allow you to do it with a simple click, select you ui object and click on “AddConstraint”.

[esadams188 (CGI_ERIC)]

you can use the Position property of a GUI object to specify its position on the screen. You can also use the Size property to specify the size of the object.

If you want the object to stay in a fixed position on the screen, you can use the AnchorPoint property to specify the point on the object that should be anchored to a fixed position on the screen. The object will then be positioned such that this anchor point remains at the fixed position on the screen.

For example, if you want to anchor the top-left corner of a GUI object to the top-left corner of the screen, you can set the AnchorPoint to Vector2.new(0, 0) and the Position to Vector2.new(0, 0) . This will cause the top-left corner of the object to be positioned at the top-left corner of the screen, and the object will stay there even if the size of the screen changes.

[esadams188 (CGI_ERIC)]

A more detailed explanation of how to use the AnchorPoint and Position properties of a GUI object.

1. First, create a GUI object and add it to the game. This can be done in the Roblox Studio editor by dragging a GUI object from the Toolbox onto the workspace, or by using code to create a new instance of the object.
2. Next, use the Position property of the GUI object to specify its position on the screen. This property is a Vector2 value that represents the position of the object in pixels, with the X value representing the horizontal position and the Y value representing the vertical position.
3. Use the AnchorPoint property to specify the point on the object that should be anchored to a fixed position on the screen. This property is also a Vector2 value, with the X value representing the horizontal position and the Y value representing the vertical position. The values of AnchorPoint are relative to the size of the object, with (0, 0) being the top-left corner, (1, 1) being the bottom-right corner, and (0.5, 0.5) being the center.
4. Set the Position and AnchorPoint properties of the GUI object as follows:

• To anchor the top-left corner of the object to the top-left corner of the screen, set AnchorPoint to Vector2.new(0, 0) and Position to Vector2.new(0, 0) .
• To anchor the top-right corner of the object to the top-right corner of the screen, set AnchorPoint to Vector2.new(1, 0) and Position to Vector2.new(screenSize.X, 0) , where screenSize is a Vector2 value representing the size of the screen in pixels.
• To anchor the bottom-left corner of the object to the bottom-left corner of the screen, set AnchorPoint to Vector2.new(0, 1) and Position to Vector2.new(0, screenSize.Y) .
• To anchor the bottom-right corner of the object to the bottom-right corner of the screen, set AnchorPoint to Vector2.new(1, 1) and Position to Vector2.new(screenSize.X, screenSize.Y) .

[abramovkirill_Forum (abra)]

Using the plugin didnt even make a difference to the gui,
How do i get the screen’s size?

[Lushisnothere (blublub)]

you need to install this plugin.

AutoScale Lite - Roblox

to make what you want to do, just select the gui you want to act on, then click on Unit Conversion in the plugin tab, and click position and scale, and the trick’s done. have fun scripting

[abramovkirill_Forum (abra)]

I just said that it doesn’t work for some reason, it makes no change.
Again, how can i properly calculate this myself?

[Lushisnothere (blublub)]

are you sure you are using the plugin properly? there are many tutorials online. i don’t think there’s much to do. the problem is probably in the way you are trying to fix the issue

edit: anyways i don’t think you fully read my answer, i offered you a different method from the one that didn’t work for you, even if it is the same plugin

[abramovkirill_Forum (abra)]

i did try it before saying so

I should’ve been more specific - it works, however there is still flying text and stuff.
I can fix that, however i still want to know how to calculate it myself for the future. If you don’t know how im still marking your post as the solution.

[Lushisnothere (blublub)]

thank you. the gui is still a bit messed up because the studio screen and the test one are different sizes. if you want to solve this you will just need to go in the TEST tab and select this.

then you can just click the device you want to use (i recommend Average Laptop) and then Fit to Window

in this way you can easily work on guis.
and one more thing: i think i haven’t fully understood what you want to calculate for the future.

[abramovkirill_Forum (abra)]

I found out myself,
thank you for the help, it solved the issue.