How to make a menu in Unity - UI Tutorial

Поділитися
Вставка
  • Опубліковано 1 січ 2025

КОМЕНТАРІ •

  • @windup247
    @windup247 2 роки тому +40

    Just 5 minutes in, and this is the best explanation of Unity UI I've ever seen. You have a unique talent for explaining complex topics. Thank you for making this!

    • @windup247
      @windup247 2 роки тому +7

      Finished the tutorial--it's even better than I initially thought. Clear explanations, great examples. Your tutorials really bridge this gap between beginner and expert levels that is sorely missing out there!

    • @Tarodev
      @Tarodev  2 роки тому +7

      @@windup247 such lovely feedback. Thanks Mars

    • @toninotonnato7776
      @toninotonnato7776 Рік тому

      @@windup247 Absolutely, Unity's tutorial should be all like that!

  • @jumpingman6612
    @jumpingman6612 3 роки тому +36

    Man.. Just spent a week trying to make a UI for a game project.
    Never launched Unity or used code before. I HATE YT algorithm for not showing me this.
    Hands down the most informative and easy to follow along to. Thanks!!

  • @verbatim7488
    @verbatim7488 Рік тому +1

    I knew looking through my subscriptions for UI tutorials was a good idea. I appreciate it mr tarodev, this seems like a good starting point.

  • @Briglair
    @Briglair 2 роки тому +7

    Great UI tutorial! Covers all of the basics you need to get started, and you do so quickly without any overdrawn explanations that become boring and unnecessary. Straight and to the point.

    • @Tarodev
      @Tarodev  2 роки тому

      Glad you enjoyed it boog

  • @absolutewisp
    @absolutewisp 2 роки тому +5

    Around 9:10
    Quick tip: You can create the font asset quickly with the Ctrl-Shift-F12 keybind.

  • @thatrandomgamedeveloper8979
    @thatrandomgamedeveloper8979 2 роки тому +7

    I'm a very detail oriented person, and I mean very. I absolutely love your explanation on absolutely everything that's going on, love your videos. Definitely inspires me to get back into Unity again lol

    • @Tarodev
      @Tarodev  2 роки тому +4

      You're watching this while you're not even in a unity phase? Dedication 😂

  • @anlozge1788
    @anlozge1788 2 роки тому +1

    I was screaming when I see the -1 speed animation. Great tutorial, I literally feel immortal!

    • @Tarodev
      @Tarodev  2 роки тому

      God powers unlocked

  • @narkopraxis602
    @narkopraxis602 3 роки тому +17

    Best tutorial ever! I ignored my kids to watch this video on my phone knowing full well I'd just need to watch it again later when I actually sit down to follow it.
    Don't worry, I bribed my kids with pancakes first. Cleaning up a syrup mess is an easy price to pay if I get to watch more juicy Tarodev content 😂

  • @sofialpaca2563
    @sofialpaca2563 2 роки тому +4

    I have an assignment due in about a week, and your tuts are absolute lifesavers, thanks ❤️

    • @Tarodev
      @Tarodev  2 роки тому +1

      Get good marks!!

  • @Hiroki_MakeGames
    @Hiroki_MakeGames 2 місяці тому

    This one of the best UI tutorials ever, I've making my game pretty straight foward and was a lil scared about making the UI but know i m feel confindent about it. In fact i made a clean and nice main menu , thanks tarodev!

  • @mufaddalrasheed3319
    @mufaddalrasheed3319 3 роки тому +6

    Thank you man so much, you really help all the early generation of coders. Once again, Thank You!

  • @DmytroSkorobohatskyi
    @DmytroSkorobohatskyi 2 роки тому +1

    The best tutorial about UI creation in Unity i've ever seen. You are amazing)

  • @raxacoricofallapatorius8484
    @raxacoricofallapatorius8484 9 місяців тому

    so far, the absolute best vid on Unity UI I have seen.

  • @vuanh4084
    @vuanh4084 2 роки тому +2

    You nailed it! Your instructions is very clear and easy to understand.
    I'm a Unity beginner and your tutorial make me feel confident with it.
    Thank you very very much.

    • @Tarodev
      @Tarodev  2 роки тому

      Glad it helped!

  • @halivudestevez2
    @halivudestevez2 2 роки тому +1

    This step by step video reflects and answers upcoming obstacles and questions while building UI. Very well structured!

  • @andrewallbright
    @andrewallbright Рік тому +3

    I'm so glad UI toolkit exists now. Making UI like this feels like smashing rocks together. Using a web dev like experience for UI is so much better.

  • @KG-id3hk
    @KG-id3hk Рік тому +2

    I literally have almost all of your videos in a playlist called "Best Unity Information" might as well just put your entire channel in that playlist

    • @Tarodev
      @Tarodev  Рік тому +1

      Glad to be in your playlist

  • @muhammadrizkyramadhan6456
    @muhammadrizkyramadhan6456 Рік тому +1

    I nearly give up until i found this video , you are my life saver

  • @beavisCZ
    @beavisCZ 3 роки тому +54

    Hi, this is great tutorial on UI. Please continue in more complex UI controls like sliders, option boxes, etc.

    • @smokinglife8980
      @smokinglife8980 3 роки тому +10

      I'm not trying to be rude bud but you won't learn much just watching videos try the stuff yourself so you wanted sliders and stuff just add them the same way you did other ui shit they just look at the configuration then put it to your liking

    • @Vanduo610
      @Vanduo610 Рік тому

      ​@@smokinglife8980Literally he will learn. How can you learn if not watching how to do it? I am building android game and my UI is streching and it ruins my UI. Now, after this video, I knoč how to stop UI from streching.

    • @Smokey-A
      @Smokey-A Рік тому +4

      ​@@Vanduo610if you rely on tutorials for every part of your game you will not learn. You need to use the tutorials to learn how things work and then implement specifics yourself

  • @DaniloMatos13
    @DaniloMatos13 2 роки тому +1

    Dude, you channel need to be bigger!!! Congrats and keep up the Job good Sir! (just subscribed to your channel - Thank You for the content)

    • @Tarodev
      @Tarodev  2 роки тому

      Thanks mate ❤️

  • @alexgeeves7096
    @alexgeeves7096 Рік тому

    You never miss! You're getting a shout out when/if I ever release anything

  • @neopickaze
    @neopickaze 2 роки тому +1

    Finally a great Unity UI tutorial!

  • @Nullscr1pt
    @Nullscr1pt 2 роки тому +1

    Set Trigger (String) also triggers a boolean with that same name. and ResetTrigger(String) undoes the boolean.

  • @someonesomewhere1975
    @someonesomewhere1975 2 роки тому +1

    Awesome tuturial - all needed cases are explained in a nice and understandable manner. Nice work thanks!

  • @abhishekshrestha6394
    @abhishekshrestha6394 3 роки тому +1

    You deserve more subs man

  • @felixconrad9248
    @felixconrad9248 2 роки тому

    This Tutorial Really Helped my at understanding UI(alt least n the surface Level)
    and i didnt need to check everything 80 times to get it like yours -> it was very easy to follow

  • @LukeTramps
    @LukeTramps 2 роки тому

    Now, this makes all the other Unity UI tuts look like crap.
    Excellent work! Hope your channel keeps growing.

  • @rickloyd8208
    @rickloyd8208 8 місяців тому

    Thank you so much for your awesome video! I like your concept of splitting animation and logic into own components. I tried today in actual project and I like it very much! It also makes animations reusable!!!

  • @luenciso8789
    @luenciso8789 2 роки тому +1

    Amazing video, don't understand why it take me sooo long to find it!!

  • @rynngrey3722
    @rynngrey3722 Рік тому +1

    Note: If your sprites are not transferring over to the "None (Sprite)" box, be sure to highlight all sprites, hit Sprite (2D and UI), and underneath it, and click SINGLE in the "Sprite Mode" box. Your sprites in the Asset/Scene window should display a small play button on them.

  • @DiegoCastares
    @DiegoCastares 2 роки тому +1

    Nice way to explain things mate. Keep up the good work!

  • @omritahar9048
    @omritahar9048 3 роки тому +1

    Wonderful tutorial my friend. Going to binge your channel soon :)

    • @Tarodev
      @Tarodev  3 роки тому +1

      Thanks Omri 😊

  • @MartinMcDermot
    @MartinMcDermot Рік тому +1

    OMG... this tutorial is incredible!!!

  • @fagnersales532
    @fagnersales532 3 роки тому +1

    Your video helped me a lot (i got kinda crazy because of the volume of every audio you played lmao)

    • @Tarodev
      @Tarodev  3 роки тому

      Sorry about that >

  • @toninotonnato7776
    @toninotonnato7776 Рік тому +1

    Great tutorial, I really enjoyed it. You have a perfect pace, explain things clearly and make simple examples easy to reproduce. First time I use the animation panel and loved the result. Thanks a lot.

    • @Tarodev
      @Tarodev  Рік тому

      Awesome 😊 glad I could help

  • @Egorka413
    @Egorka413 2 роки тому

    Seen quite a few of your videos, thank you for your content. I find it more ejoyable and useful compared even to bigger Unity youtubers. As guy below said, you have a talent!

    • @Tarodev
      @Tarodev  2 роки тому +1

      Appreciate it mate ❤❤ Good luck on your gamedev journey!

  • @KRISZABTUTOS
    @KRISZABTUTOS 3 роки тому +2

    Excelent tutorial!

  • @janira98
    @janira98 2 роки тому

    Oh maannnnn! This is the Unity UI abosolute beginer tutorial.💯👌 You are grate keep it up your good work! 👌✌

  • @timodev
    @timodev 2 роки тому +1

    Great video, good explanations and easy to follow!

  • @Sof_Hill
    @Sof_Hill 2 роки тому

    Super useful tutorial on UI aspect. Thanks!

  • @rohithathrangadan9614
    @rohithathrangadan9614 Рік тому

    Much appreciated tutorial .
    I'm interested in knowing how to make the logo like that. Thank you

  • @fuzzypanda1684
    @fuzzypanda1684 2 роки тому +3

    Very nice tutorial, but I have a huge problem with Visual Studio, it doesn't give any suggestions when I start typing, basically IntelliSense doesn't work. Normally this is just a pain in the butt as I have to manually type in everything, but here it's posing a real issue. @13:15 he clicks on "IPointerDownHandler" and hits ALT + Enter to implement it. Well for me that doesn't do anything because it doesn't recognize it.
    I've tried all the troubleshooting for IntelliSense that I've found: restarting the program, restarting the computer, updating it, reinstalling it, but nothing works. Does anyone know a way to get VS to work properly when you've tried all the normal fixes and they don't work? It's really starting to hamper my ability to do things.

    • @Tarodev
      @Tarodev  2 роки тому +2

      I have a video on exactly this. Let me know if it helps ua-cam.com/video/5eeI2hWgPbA/v-deo.html

    • @fuzzypanda1684
      @fuzzypanda1684 2 роки тому

      @@Tarodev Hey, thanks for the reply! Actually I finally got fed up and decided to completely uninstall and reinstall Visual Studio (the only thing I hadn't tried), and voila, it worked! It could have been because I was using VS 2019 whereas now I'm using VS 2022, but either way it's working now so yeah!

  • @petterparcker
    @petterparcker 5 місяців тому +1

    the clicky button code dont work for me !

  • @VFXhichic
    @VFXhichic Рік тому +1

    Thank you so much, the great tutorial video

  • @abdullah4653
    @abdullah4653 6 місяців тому

    awesome tutorial and info thanks man👍

  • @UsMan-nv2uh
    @UsMan-nv2uh Рік тому

    best tutorial ,subscribed!

  • @uwinhong
    @uwinhong 2 місяці тому

    6:11, solve my current problem, tks a lot!

  • @LayneHarris
    @LayneHarris 2 роки тому

    I learned so many helpful things in this video. Thank you so much!

  • @ElboxD
    @ElboxD 2 роки тому

    Awesome as always. Thanks, mate!

  • @oyaguni961
    @oyaguni961 3 роки тому +1

    Thank you for the video and for your time!

  • @Andropex
    @Andropex 2 роки тому +1

    Simple as that.
    Thanks for cool lesson!
    Keep going.

  • @jiaqiwu3792
    @jiaqiwu3792 2 роки тому

    Thank you for your video! I love your videos because you sound like "meow" when you say "now", very cute.

  • @WhoForgot2Flush
    @WhoForgot2Flush Рік тому

    Great tutorial for UI basics, thanks.

  • @notDiru
    @notDiru 3 роки тому +1

    That's what exactly what I need , Thanks!

  • @fauzanshaikh2170
    @fauzanshaikh2170 2 роки тому

    Its jumbo tutorial, learned lots of thing with one go, thanks a lot

  • @captainnoyaux
    @captainnoyaux 2 роки тому +2

    It's marvelous ! Did you cover UI toolkit for similar needs ?

    • @Tarodev
      @Tarodev  2 роки тому +1

      I have not dived into UI Toolkit yet, but plan to soon!

  • @KyryloVesna
    @KyryloVesna 3 роки тому +1

    Very good tutorial, very informative

  • @ardaozler631
    @ardaozler631 3 роки тому +2

    Thank you! I love your tutorials. Can you make a video about Managers generally and how to use them together? Like using game manager/sound manager/menu manager/ npc manager on the same project.

    • @Tarodev
      @Tarodev  3 роки тому +2

      That's a good idea 💡 they're a vital aspect of game dev. I'll add it to the list

    • @ardaozler631
      @ardaozler631 3 роки тому +1

      @@Tarodev Thank you! I look forward to watching them!

    • @RealisiticEdgeMod
      @RealisiticEdgeMod 2 роки тому

      @@Tarodev 22:20 Thats not how 'parameters' is pronounced.

  • @abrahambrookes1927
    @abrahambrookes1927 Рік тому

    Epic tutorial thank you very much, your whole library is top notch. I'd love to get a run through on the unity profiler and what it all means, and the unity testing framework and how to use it in development.

  • @abdoulraoufgambo
    @abdoulraoufgambo 2 роки тому

    ohh !! i like watching your videos because your solutions are good and the code is clean

  • @lokepuisan2456
    @lokepuisan2456 2 роки тому

    Great UI Tutorial!

  • @musicTvChannel2024
    @musicTvChannel2024 Рік тому

    I like how he explain everything.

  • @asdrofllmao
    @asdrofllmao 2 роки тому

    Exceptional tutorial, thank you.

  • @andreyromanko4194
    @andreyromanko4194 2 роки тому

    Thanks, man. Very cool tutorial.

  • @MrFaciio
    @MrFaciio 2 роки тому +1

    Which way is better? Animate UI via Animator or with scripts (for example LeanTween/DoTween)?

  • @tamasorvos8882
    @tamasorvos8882 2 роки тому +1

    Thank you, great tutorial!

    • @Tarodev
      @Tarodev  2 роки тому +1

      You're welcome, happy to help ❤️

  • @sgtghost17
    @sgtghost17 Рік тому

    Outstanding videos, thank you

  • @noyshulman4515
    @noyshulman4515 9 місяців тому

    Very helpful! Thanks!!

  • @perrygretton474
    @perrygretton474 2 роки тому

    Excellent tutorial for beginners.

    • @Tarodev
      @Tarodev  2 роки тому

      Glad it was helpful!

  • @wewillovercome5834
    @wewillovercome5834 Рік тому

    i really wish you could make the text your typing on the screen a bit bigger because while your lesson sounds pretty good, i can not read the stuff your typing

  • @MoOdaso
    @MoOdaso 2 роки тому

    Great tutorial..good work .

  • @rambertoeco8930
    @rambertoeco8930 2 роки тому

    Awesome tutorial, thanks!

  • @NIKOSPARAPONIARIS
    @NIKOSPARAPONIARIS 3 роки тому +1

    Great Tutorial! Thanx again!

  • @caglayangursugokbulut9664
    @caglayangursugokbulut9664 2 роки тому

    what a great tutorial. thanks !

  • @hattoriwakarannode
    @hattoriwakarannode 2 роки тому

    Great tutorial !

  • @brsdncr
    @brsdncr 2 роки тому

    Very helpful as always! :)

  • @dnm.design
    @dnm.design 2 роки тому

    thanks you explain very very nice! Sadly I want to see a second video were you show how to trigger the first level of a game, how to disabled a button or (probably more difficult) change the language of the text. But again amazing video! thanks for sharing

  • @josemonkey
    @josemonkey 2 роки тому +1

    Great video! Possibly dumb question: Is there any reason why I couldn't build this sort of UI for a 3D game, or will this only work in a 2D game?

    • @Tarodev
      @Tarodev  2 роки тому +1

      It'll work just fine for 3D :)

  • @warampanpengya8748
    @warampanpengya8748 3 роки тому +1

    Hi This is very helpful tutorial !!!
    I am though stuck at the animator with the trigger state. Once I am in the Game mode and press play, the animation only run and stop within the Start, not transitioning to Show settings and so on, wondering if there's anything I miss from the tutorial. I made sure I followed each step, I even deleted and tried again, it's still stuck. The button works but the animation is not playing :(

  • @insansever738
    @insansever738 3 роки тому

    Perfect, need more.

  • @subirin96
    @subirin96 Рік тому +1

    Love your videos man. I have a question, is it okay to leave a SerializeField without reference? I made many buttons in my menu system, some having audio on click, others on release and some have audio on both click & release. When playing, there are no issues but will it cause problem down the line? Or should I just drag empty audio file as reference?

    • @Tarodev
      @Tarodev  Рік тому +1

      It won't cause any problems at all 😊
      Edit: I'm not at my pc, but I believe trying to play an null audio clip produces a warning, but not an error. Could be wrong

    • @subirin96
      @subirin96 Рік тому

      @@TarodevThanks for the reassurance. It does produce a warning and that is the reason I came here for answer.

  • @elyziefrancis
    @elyziefrancis Рік тому

    Thank you, THANK YOUUUU SO MUCH for your tutorial video Mr.✨✨It's really reallllly help me to do my project, keep on doing the great work✨✨I appreciate your video and I really mean it🥹✨✨✨

  • @FelixGB_
    @FelixGB_ Рік тому

    Crazy awsome!
    Started Unity 2-3 weeks ago and I love this kind of tutorial.
    Out of curiosity, if I may, for these 2 settings icons (sound /vibration), if I get this right, would the sound/vibrate update a GameState so all scenes knows what to do?

  • @kkun1240
    @kkun1240 Рік тому

    on 13:10 my vs code not even show error do I need to download something first or I miss something??

  • @PakuBaku
    @PakuBaku 3 роки тому +1

    Very helpful

  • @robotazulado
    @robotazulado 8 місяців тому

    thanks sir, you're the best

  • @ScrewY0UguyS
    @ScrewY0UguyS Рік тому

    Careful with binding your UI to animator. It behaves weird when switching screen aspect ratio. Better use Mathf.Lerp instead.

  • @cast1594
    @cast1594 2 роки тому +1

    The IWasClicked() function does not show up in my dropdown for some reason, and I have followed other tutorials and have had the same problem. I'm currently using 2020.3.14f1, is it as simple as updating or is there something that I am missing that I am unaware of?

  • @leszoms
    @leszoms 2 роки тому

    thanks for the video !

  • @wewillovercome5834
    @wewillovercome5834 Рік тому

    the issue i am having is i have created buttons and linked them to a script and created my event method and a debug console log to trigger and check to see if my event is working, but my problem is i cannot get my buttons to show up in the game mode view or in the avtual game itself and i am so frustrated why is this sooooo difficult???

  • @CCV334
    @CCV334 3 роки тому

    Do you have any tips for animating UI based on an Audio file? How would you preview audio live while animating UI via the animator?

  • @makra42069
    @makra42069 Рік тому

    Thanks for this!

  • @winx910
    @winx910 2 місяці тому

    This is great!

  • @marcdirian6370
    @marcdirian6370 3 роки тому +1

    Hi, love your mindset when u explain unity tutorials. But... could u make a simple projet tutorial with new ui toolkit ? Would sound GREAT !!!
    Malcom from PARIS

  • @spaceblade
    @spaceblade 2 роки тому

    24:11 its only letting me put so not show please help

  • @reyinnikolerebalde683
    @reyinnikolerebalde683 2 роки тому +1

    Hi, after on the step of ClickyButton. I have an error saying "Image does not contain a definition for 'Sprite' and no accessible extension method Sprite accepting a first argument of type 'image' could not be found (are you missing a using directive or an assembly reference?)"
    Could you please help me with this error? Thanks!

    • @grandmasterglick5895
      @grandmasterglick5895 2 роки тому

      I'm also having an issue with image, I think it might be the code has changed somewhere, we might need to find a new way to do this

  • @KaosEngineer
    @KaosEngineer 2 роки тому

    Not sure if it's just me but IPointerDownHandler and IPointerUpHandler don't seem to exist in my version of Unity. I've even searched those terms in the Unity documentation and get 'no results'.

  • @majestytv5018
    @majestytv5018 3 роки тому

    dude when i switch to a different scene and come back the animation of the background stops

  • @kotraner
    @kotraner 2 роки тому +1

    Hello ! :) Thanks for nice tutorial ! may I use some of your image in my game? it may not be commercial(but not sure for now) but I'm try to upload it on App Store!

    • @Tarodev
      @Tarodev  2 роки тому

      The ones in the video? These are just some quick assets I drew for the video itself. Not even sure I know where they are... >

    • @kotraner
      @kotraner 2 роки тому

      @@Tarodev on description of this video you wrote link to download assets
      drive.google.com/drive/folders/1neXTkfgbrqAYiTrHfQsSBcfm9oEmtAZH
      :) :) :)

  • @aaronsamuels863
    @aaronsamuels863 Рік тому +1

    thx soo much!