Let's Build a Menu - Godot Fundamentals

In this tutorial, we build a complete main menu utilizing the Godot node system and GDScript. We discuss how to ensure your UI stays consistent across screen sizes and aspect rations, creating and customizing themes, and using containers to quickly build a scalable UI. We also implement particles effects, background audio, and even use an animation player to create a fade-in animation for the menu.
The menu is based off the sequel to a mobile game (Moonwalk) I created back in 2019. If you would like to check out Moonwalk: Resurgence, you can check it out at: tundrafeedandsupplyco.itch.io...
Chapters:
0:00 Introduction
0:51 Note regarding audio issues
2:17 Setting up our project and scene
11:25 Building the basics for our menu scene
14:30 Creating our background particles
23:50 Setting up our Main Menu audio
29:30 Customizing our title label and building out our UI
38:15 Creating a custom theme
51:58 Creating a fade-in animation with the Animation Player node
1:02:56 Programming our menu functionality
#gamedev #godot #godot4 #gdscript

[@TundraFeedandSupplyCo]

Hey everyone! Thanks so much for watching! Apologies about the audio issues for the main menu audio segments. Timestamps with their respective comments summarized are below:
40:30 to 40:37: During this section I relate the manual starting of the audio to the manual starting of the particles.
44:48 to 44:52: I talk about how with the button text highlighting, the players can now get feedback for what button they are going to click. I also talk about why I change the aspect ration for the project back to keep. As we know the exact viewport size that our game will be played in, we can work with a single aspect ratio in mind.
45:09 to 45:13: I talk about how the keep aspect ratio setting fits better with our game, however highlight that the edge bars are still on the sides of the screen.
46:33 to 46:38: I show the new button text color difference on hover, though note that we may want to make it slightly darker so its more noticeable.
46:50 to 46:58: I talk about the buttons likely now being too dark, and then also begin talking about what to do if the changes aren't taking immediate effect in your project.
58:59 to 59:03: I mention that, while our animation isn't playing, we can see it affecting our title as its alpha is 0, e.g. its not visible.
1:03:42 to 1:03:50: We watch the animation play, then comment that 2 seconds felt a bit quick.
1:04:17 to 1:04:24: I comment on the animation feeling better, however it still feels quick and why that's happening.
1:06:02 to 1:06:12: I talk about how the animation still takes the same amount of time for the alpha to reach 1, however it visually appears much slower.
1:07:16 to 1:07:41: I talk about how our particles and background music are starting, our animation is fading our menu in, the buttons are stylized and reacting to user mouse hover and lead into hooking up button functionality.
1:11:10 to 1:11:20: I highlight how hitting our start button now fades our menu out

[@omgbutterbee7978]

Thank you for covering UI content! There are so many versions of "make your first platformer" tutorials out there but this is the first I've seen of how to get the ui and menu's going! Very helpful for a beginner :)

[@TundraFeedandSupplyCo]

Thank you! I'm looking to discuss more UI styles / features in the future. I'd like to try and make command-line style menus for a future project, so we'll see how that goes!

[@drac8854]

Please do I'll be waiting for it.​@@TundraFeedandSupplyCo

[@kevinrabbe5066]

Thats some nice Qualitiy content man. i like your explanation on things. Not u do that and that u explain it how thats what im interessted and you do it realy good

[@TundraFeedandSupplyCo]

Thank you, @kevinrabbe5066!