Help with GUI scaling

Alright, lets start from the beginning. First, the difference between scale and offset. Scale is a value between 1 and 0 that scales depending on the size of the window. So, if you set a frame’s position UDim2.new(.5, 0, .5, 0) it will be set to center of the screen. Offset is simply the exact number of pixels from the left or top of the screen. Now, say you make a frame within a screen gui with scale values. That frame will be scaled depending on the screen size itself. Now, say you make another frame within the other. Now, it wont scale to the window, but rather to the frame it’s parented to. Now, we can get to anchor point. Anchor point is just where the “origin” is located on a gui object. For example, the default value of anchor point is (0, 0). This means that the origin is the top left of the object. If you set it to (.5, .5), it’s the exact center of that object.

Now to fix the problem. From the looks of it, there’s three frames that are positioned in thirds of the screen and are centered. So, to do this I would first make the anchor points of each frame (.5, .5) and for the first frame, set the position to (.25, 0, .5, 0), then the second to (.5, 0, .5, 0), then the third (.75, 0, .5). I hope this helps!

2 Likes

Well, thats exacly the explanation I was looking for, and… gues what?
https://gyazo.com/9f2887689e3c3b956f410463c0f1e0ea
https://gyazo.com/d44d5ef31fb9ea39713a0ea34716a062

Now I just need to fix picture annd name

I was just wondering how to do It with the user photo so that it just changes X and Y proportionally (100x100---->50x50 in smaller screen for ex) without changing size (or the photo would look horrible). Thx

Thsis happens when I apply the rescale GUI plugin… any help to mantain same size but without changing scale?
https://gyazo.com/afba6dd6f44ae320ede330a7e669467f

You don’t have to worry about that. The reason it resizes is because other people’s devices. You can check the legit size up in the left corner that has a device as its logo

https://gyazo.com/44ee2b5db7cec4a67c5f5f125f5b90b3 :frowning:

And It only does that is cause it uses constraints. Constraints are things for the gui. It resizes the the device size

Its like if its tries to rescale first the left ones and then the right ones… lol

Just use the UIAspectRatioConstraint object in the main GUI frame.

https://gyazo.com/afc4e31fb5be5fe4411221072161c0c0

looks fine but it doesnt keep frames, look:
https://gyazo.com/ac8ee8ee26703a4f7115cb1ed452abcb
and the triangles goes out of the frame… mb something wrong?

Use scale on the frames and make sure they have their anchor point set properly, could you show me their propertys?

https://gyazo.com/00bde12e0cd6fab5b9a1f62f43b9760d
https://gyazo.com/21571d56777ec93c3893a0039b3ac743
https://gyazo.com/7182ffeb405c636e3b7dda54303cba74
An example of 1 rectangle…

Strange, they are parented to the main frame right?, if they are then a anchorpoint of 0.5,0.5 with a size scale and a set position should work fine. It does for me. You must be using some kind of extra constraint within the actual ui objects themselves.

Lemme explain myself better:
-Light blue frame is on Srarter GUI
-Dark blue frame ISNT inside light blue
-Rectangles are inside a folder which is inside dark blue frame

I applied the auto scale to Main

keep light blue frame separate, keep rectangles inside of dark blue frame. In theory, the scale should be working properly. I’ll get you an example.

Thts how is it lol, strange. Want to make a tamviewer or a anydesk?

https://gyazo.com/e584b071dee0755864970c97b0912794

Using Anchorpoints + scale and position works perfectly fine for me. Make sure you don’t have any constraints within any of the other frames.

1 Like

Dont mind making an anydesk or teamviewer? It might be faster and easier, and I can understand better through there.

I don’t know what those are. I would recommend copying my values as seen in my shop example and modifying it from there to your own. If you want to contact me through discord my acc is SirBumbo#0002