Original subtitles

We're in the home stretch of having everything in place that we need

In order to call this game

Full game

And the last couple of things that we need to do our various menus

Most games have a main menu so we're going to make a main menu

I never going to make an options menu

And then we're going to make a pause menu where you can pause the game at any point and going to the auction

Or quit to the main menu

And all of that goods

So what we're going to start with the main menu

Let's get into

So I'm going to create a new scene

With control and or by going to the scene but not the top yeah

I'm going to create the route now as a type of canvas layer

Alright let's call this main menu

And then I'm going to add a margin container as a child

And then

Said that to 4 rectangle by going to the toolbar button

And then telling the Anchor preset to 4 rectangle

Like so

What say that in seems you are

Subtitled by online-courses.club We compress knowledge for you!

Ok perfect

Now what I'm going to do is I'm going to give the screen a little bit of a bear

Crowned by going to my main theme here

I'm going to copy this tilemap node with ctrl c

Bring it back over to the main menu and pasted here

And I'm gonna put this as the first child so that all the control elements are in Toronto

Now if you're tileman grade is getting a little bit stuck and it's adding a little bit too much busy this for you

Just go ahead and I got off the visibility of a tilemap for now

While we work on the rest of the UI

The first thing I'm going to do as I'm going to add a box container to the margin container

And then I'm going to set this week

Container

Sizing in the inspector here

To shrink Centre and shrink

Centre for both

Alright let's add a label

To this bbox container

And let's give our game a name

Something like the arena this is all games name you can name it whenever you want I'm just picking the arena because it's very

And there's are game titled and Alex go to

The settings here

And let's change the font size to 32 so it's nice and big

And it should be good

Remind me to do if I'm going to Institute a child scene and I'm going to instantiate that sound button

And when I call this one play

And rename the sound button to play button

And then we can duplicate that was controlled d and we'll call this one

Still write quit in the text and then name this too

Quit button

Let's give these a panel container so that they have a little bit of a background behind them

Underneath margin container

I'm going to add a panel container note

Like cell

And movable container up as a first child of the margarine contain

And I'm going to set this one

Horizontal and vertical container sizing in the inspector here

How to shrink a centre in both directions again

And then I'm going to take that big box container and make it a child of the panel container by dragging it in

That's looking really good

Let's do another Miner change your we're going to add a margin container to the panel container

As a child and then dragged if you box container into that

This should be what you're seeing three

Looks like

Click on the margin container here

Scroll down to the theme override Constance section in a bit of a pickle

For each of those values

So now we have a little bit of pairing on every app

And is actually a little bit of padding on the top

So I'm just going to remove

The margin

Top

And that looks a little bit more

It's now ok

Let's go ahead and add one more buttons or duplicate the play button

And I'm going to call this options button

And

Rename this text to options

So those are basic main menu now on way to show the town map

We should see

Now if I click

The run scene button

We should have a nice background along with the music playing and all of the

Good

Alright so let's go ahead and so like all of his buttons here by shift clicking all of them

And then let's right-click and say access as unique name

We have all those accessed as unique names now

Unless add a script to the main menu here

Alright and then in the Rain method

Let's go ahead and attach

The play button sorry to say play button

And this is actually dollar sign person

Play button

Weather Dartford

Dartconnect

On play Blur

And let's duplicate this liners copy and paste a few time

So we have the

Options but

And we have the quick

Ok and then leads in the options button line let's change the function here to on

Options press

And then the quit to on quick press

Ok let's Create all those functions so on play Press

Just write pass in there

And then on

Options press

Right person there and then

On

Quit

Animal right path

In there as well

It's I've got over function stopped out and connected and you can see that there is no longer any errors

Get salon options pressed when I'm going to do anything on quick pressed we're going to write in here get 3

Dad quit

And then on play Press what we're going to do is going to say get 3

Start change scene

2

Bile

And we are going to

Put in there the path to our main scene

So rest

Seems main

Main.ts

What is going to do is this is going to

Load up this main scene which is our games

In order to get the main menu to be the scene that plays

Rightmove we start the game we want to go to project project setting

Go to the run

Application section

And then exchange this meme seen here

Let's go ahead and

Quickly load button

And we're going to go to Sears UI

And we looking for Maine

Radio

So now when you're on a game

It will the main menu first

And then you can click play and I should take you right into the game

So basically what's happening is I'll go ahead and Run the game here

If I go over to my remote

Scene tree here

Well I'm running the game you can see that we have our game events and we have a music player those are autoload

Automatically add

To the Node and the root note is there by The Fall

Anytime you running a game

So

The other words again added in the last child under the root node is whatever your active seen is

And so you can see that it's the main menu right now

Now if we go home

Play

And I have paws

Navigate to the main menu has been swapped out for the May

So what does get tree change seem to file does it remove

The active scene and replaces it

With the scene that is loaded from

Path

And that's how you change what your active seen is

Alright and we don't have an options menu yet

So we're just going to leave that is pass

And let us know if I broke the quick button work

Adidas sole

We're all good though

Alright and that is our main menu will be coming back to

Insert options menu

Functionality here but for now

It is funk