Gui size problem

[FGJepperigamer (GotorFi)]

Hey,

I’m aware that there are many similar topics with solutions, but unfortunately, those solutions still don’t work for my GUIs.

So I have this problem:

My GUI appears normal in the studio and on my PC, but when I view it on a phone or tablet screen, the GUI elements look disorganized. For example, my coin GUI, which displays the coin amount, appears smaller, and it’s not possible to display larger numbers without them overlapping the GUI. Additionally, GUI elements overlap with one another on mobile devices, which doesn’t happen on PC. I have AutoScale Lite, and even with AutoScale Lite, the issue persists. I’ve also used scales instead of offsets for every GUI element, so that’s not the source of the problem.

Here are some screenshots:

what they should look like:

Here is my coin GUI’s properties:

This problem is very frustrating because, for example, Pet Simulator X has the same GUI positions and scales across all devices. I don’t understand why my GUIs aren’t consistently positioned and sized across all devices.

[X0BaconHairDude0X (Azlayn)]

I think you could use AnchorPoint, and copy the position and place it in the AnchorPoints, make sure to use scale tho

[riotweb (riot)]

You’re using UIStrokes which don’t scale depending on the device, games such as pet sim X use ImageLabels for every button as it scales better and it looks cleaner in the explorer. Let me know if I have helped!

[FGJepperigamer (GotorFi)]

Hey, it helps a little bit but still buttons are overlapping other GUIs. Also it only helps little bit on GUI buttons but it doesn’t help with other GUIs like frames.

Frame (my value’s GUI which shows your value’s amount) should look like this:

ipad’s view:

Explorer:

rebirthbgg = blue frame behind
Frame = black imagelabel with my rebirth token’s icon
ImageLabel = image of my rebirth token
SCN = shows your rebirth token amount

[riotweb (riot)]

You can move buttons frame a little down or set its ZIndex to 0 (or the other way around, set the rebirth frame ZIndex higher than the buttons frame ZIndex). Also I recommend using tile image method for the background, if you do then it wont look distorted.

[shiloSZN (Jordan Stroud)]

Isn’t this post a #help-and-feedback:game-design-support?

[FGJepperigamer (GotorFi)]

I made this in drawing app and now it’s only one single image now.

here it is in game:

Ipad’s view:

It looks better. I will do same changes to other QUIs. If I face problems, i’ll tell. But thanks already.

[riotweb (riot)]

Awesome! Also you can mark this as solved and lock the topic if you don’t need any help so people know that it was resolved!

Also feel free to message me if you encounter any more issues, I’m always open for advice.