Это видео недоступно.
Сожалеем об этом.

How to Scale UI for all Devices on ROBLOX (NO EXTENSIONS/PLUGINS)

Поделиться
HTML-код
  • Опубликовано: 4 апр 2022
  • This is a video about how you can scale ui for all your devices on ROBLOX, like making your game mobile-compatible, console-compatible, tablet-compatible - basically compatible on any screen size without using extensions or plugins. This video is ideal for beginner scripters and UI designers, as it shows the fundamentals of UI design on ROBLOX. Making your user interface compatible on all screen sizes is important because you want your game to be able to be played seamlessly by all types of players.
    Make sure you get your "It's gooey, not GUI" merch at my store: my-store-cd8d6...

Комментарии • 458

  • @scripting
    @scripting  Год назад +11

    Hello everyone! If you are having any problems with this, I've dedicated an entirely separate video on how to fix even more issues. Check it out: ruclips.net/video/OuWvgw9fquM/видео.html

  • @randylandry5332
    @randylandry5332 Год назад +87

    ROBLOX should have this setup by default. The fact that we have to go through all of this just to get the UI to STAY how we set it is sad, everyone should start suggesting and petitioning for GUI to be anchored by default

    • @Black_ShadowTBN
      @Black_ShadowTBN Год назад +2

      i Agree!

    • @musembifamily1318
      @musembifamily1318 10 месяцев назад +2

      i agree so much

    • @MistyOnDaGas
      @MistyOnDaGas 10 месяцев назад +5

      Roblox studio is a game engine, roblox already handles your servers and database, it’s a game engine where your making a game they shouldn’t do everything for you

    • @musembifamily1318
      @musembifamily1318 10 месяцев назад +7

      @@MistyOnDaGas when you dont even know what your saying if it isnt for us they wouldnt be making any money its bc of our creativety why there making money our games they obviousley dont have creativity themselves its a good tactic the servers and database arent anything to brag about bc its done automatic not by them the ppl you should be thanking are the mods and also it would be nice if they made everthing easier for us who are actually making a living for them

    • @sirmely
      @sirmely 6 месяцев назад

      dudes forgetting who's using their platform lol@@MistyOnDaGas

  • @LessDev
    @LessDev 6 месяцев назад +49

    BRO GET TO THE POINT

    • @NotBuba
      @NotBuba 3 месяца назад

      lmao

    • @SmallPotato486
      @SmallPotato486 3 месяца назад +2

      EXACTLY JUST STOP TALKING LET US KNOW WHAT TO DO

    • @TheRareOcelot
      @TheRareOcelot 2 месяца назад +1

      @@SmallPotato486 ist really important that we know what x and y axis are I guess lol

    • @Helloooii
      @Helloooii 22 дня назад

      ye just set it to 2 times speed stupid asf ik

    • @Stumpy_VR
      @Stumpy_VR 3 дня назад

      nah he extended the vid out so he can actually live off of youtube and not stave due to lack of money

  • @MaxBaxPamparapa
    @MaxBaxPamparapa Год назад +38

    For those who are having trouble with ImageLabels (aka it stretching if the screen is a different format than the one you intended), set the ScaleType to "Fit", that way your image won't stretch.

  • @MegaBallPBB
    @MegaBallPBB 2 года назад +34

    How can I make a "gooi" lmao tf?

    • @VectoorX
      @VectoorX 2 года назад

      i hate when the say it like that 😂

    • @MegaBallPBB
      @MegaBallPBB 2 года назад +2

      @@VectoorX same but its funny asf

    • @ckonec5123
      @ckonec5123 2 года назад

      @@MegaBallPBB same lollollollol

    • @main.YaD.sa.
      @main.YaD.sa. 2 года назад +1

      he is going to steal your liver ash

    • @GlogglingLG
      @GlogglingLG 2 года назад

      Lol “ gooi” really did say it like that

  • @GatikiKartzi
    @GatikiKartzi 14 часов назад

    I was trying to figure out how to fix scaling for my guis for the longest time, this video saved me SO much time. Thank you very much!

  • @tygrosky8587
    @tygrosky8587 Год назад +19

    Also set the anchor point too 0.5, 0.5 since that is how it calculates where on the gui you want to be the base point for the manipulation. For instance if you set your anchor point too 1,1 and you changed the position to 0.3 it would set the bottom right corner of your Gui to 0.3.

    • @Ruby-ml4eh
      @Ruby-ml4eh Год назад +2

      Give this man a pin, saved me a whole lot of trouble trying to figure out why even using the percentage wouldn't make the GUI in the same area cross platform!!

    • @tygrosky8587
      @tygrosky8587 Год назад

      @@Ruby-ml4eh Facts.

    • @Devynq
      @Devynq Год назад

      Legend

  • @scripting
    @scripting  Год назад +3

    If you need any specific help with your game, join my Patreon!
    www.patreon.com/PremiumScripters

  • @funnydogmeme
    @funnydogmeme 3 месяца назад +1

    did bro just say gooey???? that caught me off guard and made me laugh so hard

  • @kilord9854
    @kilord9854 2 года назад +10

    my man you explained better than any other guy

  • @adhx_am000
    @adhx_am000 Год назад +6

    Bro thank you so much, i have been making a lot of games but no bugs... the only problem was THE GUI so that helped so much tysm again!

  • @darstrial
    @darstrial Год назад +4

    Hey man, I just wanted to say as a GUI newbie, you are an absolute lifesaver, I've been searching on devforum and youtube for a while now and they've kept saying "use autoscale lite" or "use scale than offset", which I have tried, but don't work. Unlike those posts and videos, you actually give examples and show what both udim2 values do, and I thank you for that! I might've just read those posts wrong, but you've saved me another few more days! ❤❤
    autoscale lite does help, however not for the reason I was looking for, due to this, I've been extremely confused for a few days, I'll only use autoscale lite only for costranits from now on, but not sizing and positioning!

  • @fonk007
    @fonk007 Год назад +5

    Thank you so much, i was trying to figure this out for so long, you are a live saver!

  • @KILOSHARD
    @KILOSHARD 2 месяца назад +1

    aint no way he called it a gooey 😭😭
    btw tysm for the tutorial

  • @AJsGrinds
    @AJsGrinds 16 дней назад +1

    am never getting that 7 minutes back

  • @RealIdeaEye
    @RealIdeaEye Месяц назад

    5:47 asmr is just hilarious bro I tend to do that sometimes 😂

  • @VexinZ_
    @VexinZ_ Год назад +3

    this video was great, wish to see more studio videos like this

    • @scripting
      @scripting  Год назад +1

      Thank you! I’ve got tons of them. Check out my other videos.

  • @MercilessIX
    @MercilessIX Год назад +1

    thank you bro, i've been trying to figure this out for the longest time

  • @31StudioAnimations
    @31StudioAnimations Год назад +1

    This is the first tutorial where someone actually explains what their doing. Thanks!

  • @Rikironysahagamer
    @Rikironysahagamer Год назад +3

    I tried this on my join screen play button thing, it didnt work , then i tried it on every else gui , it worked on them, I think it was because i had it under one frame , so i decided i would just delete it.

  • @Devynq
    @Devynq Год назад +1

    Really good solution, I had multiple problems with the gooo weees in my games while creating.

  • @droneboy1129
    @droneboy1129 3 месяца назад +1

    No matter what I do, the buttons are scaling weird and I don't know how to fix it, I watched your new video, how can I make the buttons scale properly?

  • @user-hd8by2wm3y
    @user-hd8by2wm3y 2 месяца назад

    dude it's like i used this but i didnt know this now i can finally make normal uis thank you a lot

  • @ryv2159
    @ryv2159 Год назад

    thank you so much man, i was struggling for a while with this :D

  • @mrmatterfrigate6746
    @mrmatterfrigate6746 4 месяца назад

    and when comes with multiple frames on gui, make sure all frames are in parent of one frame otherwise its gonna look weird and detached

  • @El_kimen
    @El_kimen 4 месяца назад

    Thank you bro, i have been a hour searching in roblox how to make this, you saved me fr

  • @ayy_zippp
    @ayy_zippp Год назад +1

    the "gooey" is so funny bruh💀

  • @scripting
    @scripting  2 года назад +94

    its gooey

    • @kendrickjustopenedhismouth
      @kendrickjustopenedhismouth 2 года назад +2

      yes

    • @durlokurlo
      @durlokurlo 2 года назад +1

      lol

    • @main.YaD.sa.
      @main.YaD.sa. 2 года назад +2

      its better if you spell it like G-U-I but the pronounce is actually correct if i know

    • @GlogglingLG
      @GlogglingLG 2 года назад

      No you say G U I you say it how it’s spelled

    • @main.YaD.sa.
      @main.YaD.sa. 2 года назад

      @@GlogglingLG you say the pronouncation as gooey the spelling is G U I

  • @L30-Gamingofficial
    @L30-Gamingofficial 4 дня назад

    I love how he pronouces GUI gooie

  • @moeyy1224
    @moeyy1224 Год назад

    tysm, this is a really helpful tutorial, i was using a plugin but it didnt really work so this was great!

  • @bendellaAnwar
    @bendellaAnwar Год назад

    Thank you so much man. It helped me alot because i'm an GUI desginer but i'm a starter i had alot of issues until now. You deserved a like,sub, and i'll share ofc, And i'm gonna hit the bell because your videos are really useful. Bye!

  • @JC_0908_Coll
    @JC_0908_Coll 2 месяца назад

    W video W youtuber W game dev ALL W's this video is a life saver, this is solid info to my brain bro that's a sub and a like for your channel and vid, thank you so much!

  • @coolguy-lx3fy
    @coolguy-lx3fy 2 года назад +40

    its pronounced ge-uw-eye not guwi

  • @svemunTheEmperor
    @svemunTheEmperor 2 месяца назад

    you've earned yourself a subscriber

  • @Kevinluo680
    @Kevinluo680 2 года назад +2

    Thank you so much. This helped out a lot

    • @scripting
      @scripting  2 года назад +2

      I’m glad it helped you

  • @kendrickjustopenedhismouth
    @kendrickjustopenedhismouth 2 года назад +2

    In another world:
    “how can i make a jee you eye that stays”

  • @gamingwithdragan6046
    @gamingwithdragan6046 Год назад

    thank you so much i had much problems with size and positions for my game for mobile players it was un playable you are a life saver😁😁

  • @JimGr2029
    @JimGr2029 Год назад +1

    HELPFUL TIP ALERT u must adjust the size the way he did in the position too especialy if u are amking a loading screen

  • @remosist
    @remosist Год назад +2

    This works, but what if I want the GUIs to scale across devices but also remain a square rather than stretching?

    • @scripting
      @scripting  Год назад

      See uiaspectratio constraint

  • @j4cob_mc
    @j4cob_mc 3 месяца назад

    GUYSSS...
    For most of the people saying why he is pronouncing GUI like "gooey" instead of G-U-I is because "gooey" is how you really pronounce it but most normal people prefer to pronounce it like G-U-I. So dont get mad.

  • @JimmyTheDude1
    @JimmyTheDude1 Месяц назад +1

    all i want is to make mine centered on every device

    • @scripting
      @scripting  Месяц назад

      Set position to 0.5,0,0.5,0
      Anchor point to 0.5,0.5

  • @beverlymatayoshi2973
    @beverlymatayoshi2973 2 месяца назад

    I tried scaling the GUI for the first time, and I was so stupid that I had to use the Local Script

  • @PigpenRBLX
    @PigpenRBLX 7 месяцев назад

    you know the person is a good scripter when they call a GUI a goey

  • @B.U.E
    @B.U.E 6 месяцев назад

    Thx you so much !!! You just literaly help my team !!! We are creating a gian game but the buton are very wierd. Thx !

  • @-CosmoCode
    @-CosmoCode 8 месяцев назад +1

    How to make my roblox studio UI bigger? Not the game buttons but the studio buttons?

    • @scripting
      @scripting  8 месяцев назад

      Referring to the buttons on top? The studio toolbar ones?

  • @QUBIQUBED
    @QUBIQUBED Год назад

    This is so great! TYSM!!

  • @ViperDevelopmentCommunity
    @ViperDevelopmentCommunity 3 месяца назад +1

    the way he pronounces gui 💀

  • @AwsomeTanqRWarriorYT
    @AwsomeTanqRWarriorYT 7 месяцев назад +1

    gooey

  • @mrx268
    @mrx268 Год назад

    The video helped me a lot thank you.

  • @H1ddinNova_
    @H1ddinNova_ 2 месяца назад +1

    I still dont get itttt :((

  • @Xennier100
    @Xennier100 11 месяцев назад

    Thank you so much, I would recommend to everyone

  • @Mabbdaa
    @Mabbdaa 6 месяцев назад

    The issue comes when you have an image and you want the image to have the same resolution throughout. How the heck are you meant to do that

    • @scripting
      @scripting  6 месяцев назад

      Add a UIAspectRatioConstraint to the image

  • @KakaosHal202
    @KakaosHal202 Год назад +2

    its really helpful

  • @TheProBrainCellGamerYT
    @TheProBrainCellGamerYT 4 месяца назад +1

    How can I make a gooey

  • @Black_ShadowTBN
    @Black_ShadowTBN Год назад

    OML UR THE BEST NEW SUB!~

  • @coni4965
    @coni4965 Год назад

    thanks for the guide homeslice broslice

  • @blixoon7403
    @blixoon7403 6 месяцев назад

    i will use this on my goey

  • @braianguerra
    @braianguerra 2 месяца назад

    how can i convert a specific absolute number to a percentage one?

  • @meowmeow9617
    @meowmeow9617 Год назад +1

    How do you do it for scrolling frames I’ve been trying for hours

  • @TimedGamesVideos
    @TimedGamesVideos 6 месяцев назад

    Oh yes thanks i needed this for my "Gouwie"

    • @scripting
      @scripting  6 месяцев назад

      Of course. I’m glad your gooey got helped.

    • @TimedGamesVideos
      @TimedGamesVideos 6 месяцев назад

      @@scripting ;)

    • @TimedGamesVideos
      @TimedGamesVideos 6 месяцев назад

      i´ve been looking att this video for 1h

    • @scripting
      @scripting  6 месяцев назад

      That's great. Studies suggest staring at it for 4 more hours and hitting subscribe has a higher likelihood of it working properly.

    • @TimedGamesVideos
      @TimedGamesVideos 6 месяцев назад

      @@scripting ok

  • @rxvenger3579
    @rxvenger3579 2 года назад +1

    made this fire ass looking ui for a gun and when i played it was all over the place and i was so pissed

    • @scripting
      @scripting  2 года назад

      I hope the tutorial helped

  • @Ganglyai
    @Ganglyai 3 месяца назад +1

    GOOEYS😭😭😭?????? DO YOU MEAN G U I??!??!?!?!?!

  • @Berganda
    @Berganda 11 месяцев назад

    This is a great intro video to scaling and sizing. But I did wish you went into more advanced methods, since these basic concepts don't work entirely when you get into more advanced GUIs

    • @scripting
      @scripting  11 месяцев назад +1

      Hi! Check out my gui master class video

    • @scripting
      @scripting  11 месяцев назад +1

      How to CREATE, USE, AND FIX GUIs in Roblox Studio (COMPLETE MASTERCLASS)
      ruclips.net/video/OuWvgw9fquM/видео.html

  • @Drag0nGamingYT
    @Drag0nGamingYT Год назад +1

    How do I show a player's current speed?

    • @scripting
      @scripting  Год назад

      You can use print(game.Players.LocalPlayer.Character.Humanoid.WalkSpeed) on a local script

  • @TimedGamesVideos
    @TimedGamesVideos 6 месяцев назад

    goey gang for the W

  • @merrychristmas1316
    @merrychristmas1316 22 дня назад

    if I had a million dollars to spare, I'd give you ever single cent

  • @Peezy.Hunnid
    @Peezy.Hunnid Год назад

    The outro give me nostalgia of a game it was like dis kid got stuck in the sewer an u would basically burn things and stuff dam I forgot the name if any of y’all remember tell me I gotta know the name

  • @pold111
    @pold111 9 месяцев назад

    this really helped, i find it so funny how i've been doing this for a year and until now never understood relative/absolute values for ui

  • @NoEmotions69
    @NoEmotions69 5 месяцев назад +1

    how can i make a g-u-i gui but he said gui like not the letters but the words ahahahaaha

  • @Ckv_Blox
    @Ckv_Blox Месяц назад

    why the hell am i the only one who is still having problems with this even after following the video

  • @biqbagel
    @biqbagel Год назад

    roblox removed the ability to make the window 1080x1920

  • @BeefLer
    @BeefLer День назад

    gooy

  • @Phutrungquangngai
    @Phutrungquangngai Год назад

    How to have phone with eye icon, I installed it but it not work (AutoScale)

  • @oldaccount4532
    @oldaccount4532 Год назад

    I love how you say gooey instead of gee you i

  • @powerstudios7894
    @powerstudios7894 2 месяца назад

    gooey?
    its G.U.I.

  • @Zembie1
    @Zembie1 Год назад

    What the heck is an “iPhone 4s” lol something from 2000? I have never heard of someone using that

  • @visibIe12
    @visibIe12 Год назад +1

    why does mine looked so stretched when i’m on a ipad 8th gen

    • @scripting
      @scripting  Год назад

      Use a combination of scale and offset

    • @visibIe12
      @visibIe12 Год назад

      @@scripting my friend said use interpunction is that the same thing

    • @scripting
      @scripting  Год назад

      I’ve never heard of it before. I would recommend you watch my recent video on the full ui masterclass and that should help you fix your problems

    • @visibIe12
      @visibIe12 Год назад

      @@scripting ok sir🫡

  • @Akohen_1
    @Akohen_1 9 дней назад

    thanks bro

  • @thegardengamer8381
    @thegardengamer8381 11 месяцев назад

    " a gooey" 💀

  • @JackPlaysMinecraft575
    @JackPlaysMinecraft575 2 месяца назад

    i've tried this and nothing happens

  • @davidnatanael8542
    @davidnatanael8542 10 месяцев назад

    "gewi" it's GUI you have to spell the letters (Ge u Wi), don't say it like a word (im not hating on you, im just saying, idk why i made this comment because who cares about spelling)

  • @AyyyJay
    @AyyyJay Год назад

    💀 blud said gooey

  • @BLIZZARDMOVEDACCOUNTS
    @BLIZZARDMOVEDACCOUNTS 9 месяцев назад

    uhh, i dont know how to use percent stuff. i have not learned about them yet :(

    • @scripting
      @scripting  9 месяцев назад

      Check out my loading screen tutorial. I teach it in there

  • @ayan.senpai
    @ayan.senpai Год назад +1

    Ma man just called GUI “gooi” lmao im dying bruh

  • @TimedGamesVideos
    @TimedGamesVideos 6 месяцев назад

    finaly done it only took 2h

  • @Samirkool
    @Samirkool 7 месяцев назад

    I have a problem, whenever I add an image button and make it big it keeps making it smaller whenever I play but it test it stays the same? What do I do

    • @scripting
      @scripting  7 месяцев назад

      Look at my ruclips.net/video/OuWvgw9fquM/видео.htmlsi=wUV9dOxUWPqoT6Bp

  • @MaskedNinjago
    @MaskedNinjago 2 дня назад

    I did not order a yappochino

  • @MajickHatGames
    @MajickHatGames 4 месяца назад

    how can i make a gooey 😆. thanks man. good video.

  • @Derrakuzu
    @Derrakuzu 2 года назад +1

    script, my man. where have u been? missed you

    • @scripting
      @scripting  2 года назад +2

      just a bit busy- don't worry, I'm back now :)

  • @angelashorts3141
    @angelashorts3141 Год назад

    Bro said good

  • @OverDooge
    @OverDooge Год назад

    i have spent days on trying to get the GUI's to stay, and they won't no matter what. I have 5 plugins and they did not work, this did not help at all.

    • @scripting
      @scripting  Год назад

      If you want professional help, I can fix them all for $20. Reach out on fiverr

  • @4itrik
    @4itrik 2 месяца назад

    thank you

  • @aram1919
    @aram1919 Год назад

    bro said "gooey"

  • @Mxiy-x8n
    @Mxiy-x8n 13 дней назад

    thank you so much

  • @ignayep
    @ignayep Год назад +1

    Thanks!1

    • @scripting
      @scripting  Год назад +1

      You’re welcome! Glad it helped!

  • @Confidential_Dev
    @Confidential_Dev 5 месяцев назад +1

    Its not GUI its G.U.I.

  • @lightning-106
    @lightning-106 3 месяца назад

    Ah yes my screen Gooeys

  • @animeSlayeri
    @animeSlayeri 2 года назад

    It's so cute how you said goeey instead of jee you ai

    • @scripting
      @scripting  2 года назад +2

      😅 I learned how to script at age 11 through an online book, so I suppose the habit of saying gooey stuck around

  • @Twix-dn5nx
    @Twix-dn5nx 2 года назад +1

    for some reason, this doesn't work for UI i want at the very top of my screen, it lowers it a little

    • @scripting
      @scripting  2 года назад +1

      Set the y axis values to 0

    • @Twix-dn5nx
      @Twix-dn5nx 2 года назад +1

      @@scripting i did, but on my phone it's slightly lower

    • @scripting
      @scripting  2 года назад +1

      That’s probably because Roblox changes some things on a phone. What you could do is use UserInputService.TouchEnabled to detect if the user is running on a touch device and then if that’s the case (if it returns true), set the Y value to a negative value

    • @Twix-dn5nx
      @Twix-dn5nx 2 года назад +1

      @@scripting so i would do
      if UserInPutService.TouchEnabled == true
      then
      -- what do i put here

    • @scripting
      @scripting  2 года назад +1

      @@Twix-dn5nx gui.Size = UDim2.new(0, 0, -.1, 0)
      Define gui as your gui and play around with that -.1 value until it works

  • @CircuitCodes
    @CircuitCodes Месяц назад

    GUI Not GOOEY