Here are the basics for creating an epic start menu in Unity! Thank you Erik Coburn for coding the final version of the menu system!
Wishlist my next game!
Follow me on Twitter:
Follow me on Facebook:


Tutorial Project Files:
PSD Layers Exporter:

Nguồn: https://rantbit.com

Xem thêm bài viết khác: https://rantbit.com/game/



30 thoughts on “Make A Gorgeous Start Menu (Unity UI Tutorial)!

  1. WHOA. My next game Neversong comes out on Steam MAY 20th! Wishlist now to snag that tasty launch discount 🙂 https://store.steampowered.com/app/733210/Neversong_formerly_Once_Upon_A_Coma/

  2. Can anyone tell me the difference in UIElements and Unity UI(packages)?i have seen the unity manual but i could not understanding the main difference.

  3. Hey, I just saw your video and I really enjoyed it. Is there any way I can get a private lesson from you, like a real private class. Is the join button next to the subscribe button going to take me to a private class with you? Looking forward to your replies, great video

  4. Hi Thomas, new subscriber here. I would like to ask you what resolution you set the PSD files. Do you go with 72 dpi or do you go higher? Love the channel, thanks.

  5. How would you implement a working quit button here? I am unsure how to link code to the buttons as apposed to the animations.

  6. Nice video, Thomas. However 72dpi is good for 1920×1080, or even 2560×1440… however your high dpi monitors (4K & 8K) run at the 96dpi level. So if your going to make any type of asset for 4K (such as your textures), make sure your pixel density is set to 96dpi. You shouldn't use the browser standard as a guideline, since modern browsers could really care less what the dpi is. Back in the day, 72dpi was coined as the standard. Not today, however.

  7. Just a little advice for everyone who wants to work along with this tutorial: Do NOT animate your UI elements using the Unity animator! Even if the animator is "stuck" on a 1 frame idle animation it will still perform a set-call on EVERY field that is animated (position, scale, rotation, etc.) on EVERY frame of your application. While that alone is reason enough never to do that, it gets even worse: Even though nothing seems to change on your canvas those set-calls trigger the ENTIRE canvas to recalculate every single element it contains.

    1) Only animate your UIs via code using coroutines. It is the only way to ensure that nothing is updated when nothing is supposed to happen.
    2) If you have an element that has to be animated 24/7 -> put it on a seperate canvas. That way the rest of your UI won't have to be recalculated every frame.
    3) Uncheck "raycast target" on EVERY element that isn't interacteable in your design. Only leave it checked for buttons, sliders, etc.. Otherwise you might block input + you will trigger unnecessary calls on object that aren't supposed to do anything.
    4) If you fade out elements by reducing the alpha: Consinder ".SetActive(false)" whenever alpha is 0. Just because you can't see it anymore, that doesn't mean the actual mesh isn't updated/recalculated.

    Unitys UI system can be a real bitch and performance killer. It might not matter as much for a very small menu scene like the one in this video, but you are going to feel the impact in a game scene that renders hundreds of UI elements + the actual game big time – especially on low end and mobile devices.

  8. While scaling components with handles, you can press and hold 'alt' to scale them in both directions (like a mirror effect)..

    It's a real time saver 👍

  9. I plan to make a 2D game which is a crossover between block breaker and space invaders. for 4:3 ratio, can I still do it in 4K?

  10. "Because I am a smart dude, i have this all set up". TITLE: (UNITY UI TUTORIAL) i thought this was tutorial lmfao

  11. I'm looking at this tutorial after having this in my Game Dev playlist for a while. After making my first menus using Unity's weird input/event system, this looks like the best method to execute switch menu to menu without any issues. Thank you so much for show me and others this.

  12. 8:55 you are best dev i ever see. it look same what ever user screen size is. just like you designed. NOT scaling smaller LOL. wow nice 4k gaming. what the fuck that saying i want switch gears but cant read so small text. switching 1080 oh nice.lets play 1080 then better frame rate not stress gpu nice!

  13. 3:56 yeah stupid game devs. lets use 4k and text are small. not scale relative same as 1080. it should look same what ever screen resolution is.when using 4k then text has more pixels it look nice. 99% going bigger resolution text get SMALLER why? why use bigger resolution then use exactly same text size it will be small and still use same pixels looks bad LOL
    its like lets use 4k resolution becouse it has more room(wrong thinking) its 4k to give more resolution. it should not change anything on game other than resolution.

    same goes OS resolution. going higher should leave every relative size. its user preference if want text and icon go smaller.if i use 4k i use it becouse resolution not for make everything smaller LOLwhy want use same 64×64 icons in 4k when can use 128×128 and it look same as 1080,but BETTER QUALITY lol

  14. Tbh I've never drawn a day in my life and I say this cause I know games need art but I'm in love with coding and games so i'll give it go

  15. I need to thank you for just the first few seconds of your video it made me smile, I really needed that today ❤️

  16. Instead of using Input.GetAxis and changing the gravity of the input, you could also just use Input.GetAxisRaw.

  17. Another great tutorial! Well done! 😊👍 But where do we find the Photoshop PNG export script? The link in the description seems broken… 😅

Leave a Reply

Your email address will not be published. Required fields are marked *