Help Scaling UI

, ,

I’ve recently been working on my own game, meaning I’ve had to do a bit of work with UI (Which I’m not too familiar with, but have gotten a bit of help with)

Anyway, my biggest issue I have encountered is scaling and positioning the UI across all devices.

For some reason, what looks normal on my computer, looks completely different when testing it on a tablet/phone.

Are there any good methods/plugins to help with this? I already use UI design Lite, but it doesn’t seem to really help with scaling.

I’m very new to UI design, so try and make the explanation as simple as possible please.

Thanks :smile:

What the heck, this popped up when I was scaling my UI!

Anyways, my favorite way is to use UIAspectRatioConstraint, you can add one to your UI using AutoScale Lite. Here are my properties:

image

DominantAxis should be which axis is the biggest on your GUI. If height is 0.5, but width is 0.2, then do height. Vice versa.

The image shown is under a sidebar, so you would do height, and 0.1,0,1,0 as the size.
The X anchorpoint would be 0.9, and the X position would be 1.

Here is what it looks like on multiple devices:

Summary


Hope this helps you get a basic understanding of how to correctly scale!

2 Likes

Thanks so much, this is exactly what I was looking for! :smile:

1 Like