Scripting HelpersARCHIVE
A little piece of Roblox history. Preserved for everyone, one question at a time.Read about the archive →
All questions/Question #127124
✓ ANSWER ACCEPTED

Is there anyway of scaling a GUI opposing to the player's screen size?

Asked 135 views1 answers

Hi, I'm just wondering if there is a possible way of doing so because I keep using this technique most of time and It's getting quite annoying managing 2 GUIS at the same time. I tried looking on dev forums and any code samples.

if  game:GetService("UserInputService").TouchEnabled == true then
      script.Parent.Visible = true
end

local Frame1 = script.Parent:WaitForChild("Frame1")
local Frame2 = script.Parent:WaitForChild("Frame2")

Frame1.Size.X =  game.Workspace.CurrentCamera.ViewportSize
Frame1.Size.Y =  game.Workspace.CurrentCamera.ViewportSize
Anonymous

1 answer

✓ Accepted answer

In every GUI there is a property called 'size': (You probably know that!)

lets say our size was {0, 100},{0, 100}, the default roblox frame size.

Now you may be wondering why there are 4 numbers when rescaling happens by 2 axis.

well, the first number in each bracket (which are both 0) are the proportions of size, so if it was 0.5, it would take up 50% of your screen no matter what device, and the 2nd number in each bracket (which are both 100) are the offset, the size of GUI on your device only.

So lets wrap this up:

If you wanted to make a GUI fit on every device, just set the offset to 0: {0, 0},{0, 0}, and just drag and resize it to your liking! - so no need to detect if the user is a mobile user!

Hope this helps!

Any questions? just ask!

** PS - THERE ARE ALSO PLUGINS THAT CAN DO THIS FOR YOU - HERE IS THE ONE I USE!

AnonymousEdited Permalink

This discussion is preserved as it was. New answers, comments, and votes are closed.