How to make a UI be bigger on Mobile and Smaller on Pc

Help and Feedback Game Design Support
#1

The UI in question its the PHONE.
:arrow_down: PC :arrow_down:

RobloxScreenShot20231025_093719211
RobloxScreenShot20231025_0937192111280×720 512 KB

:arrow_down: Mobile :arrow_down:
Screenshot_20231025_093413_Roblox
Screenshot_20231025_093413_Roblox1920×925 113 KB

1 Like
#2

The CoreGUI or something else? Can’t tell…

Edit: ohh the offset that’s why it’s bigger on mobile it has a big phone screen, but what if your phone is small?

#3

I thought that my screen was small too, but i changed the resolution of my phone from 320 to 720 and roblox even changed to tablet mode but the phone stayed at the same place

#4

Then it’s scale with an offset size limit.

#5

How do to it?(char limit123456)

#6

Create a scale-based UI and add a UIScaleCinstrant to it. Set the constraint to offset.

1 Like
#7

Ok, i will test that and if it works i will mark your answer as the solution

#8

To do that you can simply make the phone both scale and offset.

#9

Explain this please :pray: :pray: (charlimit)

#10

As we know that offset does not change with change of screen size so my idea is to make the phone a basic size lets say 0.3x0.1 and that would remain the same for all devices now you can add an offset of lets say 30x10 which would appear larger on mobile.

#11


Video showing basically what I mean.