So how we're going to approach this is in this lesson, we're going to set up the basic menu system. And the next lesson, we're going to start coding in the actual functionality of it. So this lesson will be more just dragging and dropping, setting things up how you like them, and I'll explain some core concepts. So let's first off, let's first start off by dragging Canvas right up to the top, just so it's easier. And we're going to create three menu items to create empty, create, empty and create empty, the first empty will be in game. So this will be the menu that will be displayed in game.
The second one will be in menu, so this will be inside the menu. And this one will be game or the menu, you I and it's good to put you on At the end of it, just so we understand its UI. Cool. So how score is actually part of the in game UI. So let's just first check these role 00 with with or good or good. So we can just drag a score into in game UI.
So for example, if we wanted to turn off the score, we could just press this and turn it off. And we can do that through code, which is what we'll be doing in the next episode. So if we just go up to a score, and we can actually put it on today to make things easier. So let's turn off all these other menus for now. And let's just focus on the in game UI. So the in game UI, and the only other things we'll need when we're playing the game is a pause button.
So we can right click on here and click Create new UI button. And then we see the button popped in here. We can call this pause pause button. Then we need to go down to our sprites folder, we need to click everything beside the skybox highlight that and we want to change it to a to a sprite 2d UI. All this should be fine, press apply. Cool.
And then when we go back to our pause button, we can change the sprite to our pause button, we can click preserve aspect. And then we can change the width to 150 and the height to 150. And then we have a pretty cool looking play button there. We can actually pull it on and we can actually get rid of the text because we don't need that and click this and then we can just change its position. So change that to a spot that you would like. And then I'm just going to drop the opacity a little bit.
Cool so it blends in nicely with the screen. Awesome. So right now doesn't do anything but that's fine because we're just setting up the menu at this stage. Cool. So in the next part, we're going to deal with setting up these two menu items. And then after that, we will hopefully be able to jump into coding some functionality.
See there?