I’ve made some User Interface for my game and I’ve used offset to scale it, so it should look fine on all devices, correct? Not really, here’s screenshots of what it looks like on PC:
You can see how its very squishy on tablet right? Why is it squishing like this I’ve used offset to scale it so it should look fine? How can I fix this??? Also ignore the ‘get skin’ button that was just for testing
Cause you are using scale so scale of UI on computer and on tablet will the different(the tablet’s screen is way smaller) so try adding a UISizeConstraint.
I agree. It makes pixels of your tablet its size. Lets say you have .2 frame. it covers 20% of the whole thing, so when we go to our tablet. it still gets 20% of the over all pixel and size then move it there. @Rynappel
So should I be using Scale instead of Offset and inserting UISizeConstraints into my UI? Do I need to inset a UISizeConstraint for every Frame, TextLabel etc?
UI Design Starter Guide Here, there’s a starter guide that i found helpful. It explains more, and really gives all the downsides of both scale and offset.
Speaking of this yes, But luckily there is a plugin for this. It’s Called AutoScale. it can convert Offset to scale without changing its size. Here’s the link. AutoScale Lite - Roblox