Make A Gorgeous Start Menu (Unity UI Tutorial)!



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!
Patreon:
Pinstripe:
Wishlist my next game!
Follow me on Twitter:
Follow me on Facebook:
Instagram:

——-Resources———-

Tutorial Project Files:
PSD Layers Exporter:
Unity:

Nguồn: https://focuscampus.org/

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

35 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/

    Reply
  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.

    Reply
  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

    Reply
  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.

    Reply
  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.

    Reply
  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.

    Reply
  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.

    Solutions:
    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.

    Reply
  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 👍

    Reply
  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?

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

    Reply
  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.

    Reply
  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!

    Reply
  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

    Reply
  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

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

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

    Reply
  17. Hi from France !
    Great tutorial ! Thanks a lot !
    I followed your tutorial to build my menu, but I have a lot of problems to switch between "Main menu" and "Save Select Menu" that we see in the end of your video.
    Please keep going (if you can of course) to make a next tutorial of this one (Gorgeous Start Menu – Part 2 for exemple).
    You are a master ! Thank you !

    Reply
  18. Do you not use textmesh pro? I find it to be extremely buggy and I'm about to say f it and just program it all from scratch.

    Reply
  19. I haven't been able to get it to work properly, it keeps saying that the parameter doesn't exist for "pressed" and "selected"

    Reply

Leave a Comment