We're going to create the about menu.
So what we can simply do we can move over to hierarchy.
Then we can move over to canvas.
And then we can select this main menu.
And we can press down Ctrl D to duplicate to create the about menu.
But there will be some problem because if we just move over to the first one, basically the parent
one, go select that and then go over to Inspector Overrides and then click on Apply All.
So the changes just gonna happen to the duplicate as well.
So and we don't want that to happen.
So that's why instead of duplicating in the hierarchy we're gonna duplicate from that prefabs folder.
So I'm gonna select my main menu main menu you main menu one.
And I'm going to delete it from the hierarchy.
And let's move over to our project tab assets and then prefabs folder.
And I'm going to head over to my UI folder.
From there I have.
So as you can see we have the main menu.
So we're going to duplicate from here instead of duplicating from the hierarchy.
So basically that is the thing.
So we're going to select our main menu.
And we don't want the change.
So that's why we basically doing these things.
So now what we're gonna do we're going to select our main panel from that folder.
But before you do make sure you make your main menu a prefab.
So you're gonna have the copy of it and you can duplicate from that folder.
So I'm going to select my main menu from the from this UI prefabs folder.
So let's select that and we're going to press Ctrl D to duplicate.
And the duplicate one.
We can simply rename this to something like about menu.
So let's select the duplicate one.
Let's right click on it.
In the top we can see rename.
So let's click there.
And we're going to call it something like about about menu something like that.
And we're going to double click on that in order to open that up.
So as you can notice, this is our about menu.
And to go over back to scene view in a hierarchy we can see the back arrow.
So let's click there in order to go back.
And now what we're gonna do we're going to select our pin banner underneath our canvas in the hierarchy.
Then go over to Inspector and we're gonna uncheck.
Basically you can simply uh assume that we disabling that.
And now we're going to select the apart panel from that prefabs folder.
And we're going to drag it on top of this canvas GameObject in the hierarchy.
Uh to just get that.
So what we need to do now we basically want to remove this play and this about button, because this
is our about menu.
And also we need to change the text.
Instead of calling banner we're going to say something like about.
So firstly I'm going to remove this play button and this about button about button.
And then I'm going to I'm gonna rename this text to something like about.
So let's click over here.
We're going to select our PG and let's select the play button.
Let's delete that as well as we're going to choose the about button.
And we're going to remove that.
And now we're going to change the text inside of it.
So we will go to header.
And we're going to select the text.
Let's go over to Inspector then text component.
And instead of saying a menu we're going to say something like about.
And now if we go over to Parent Game Object basically this about menu then go over to Inspector Overrides
and then click on this apply all.
So the changes we made inside this about menu, it's not going to be a change in our main panel.
So if I move over to my project app assets and then prefabs folder and try to open up this main menu
by double clicking on it.
As you can see, there is no changes inside this main menu UI.
So that's why we duplicated from that folder to just keep all of the things organized way.
And we don't want to change our main panel.
So that's why we're just duplicating from there.
And we just, uh, we're just doing there.
So basically that is the thing instead of doing in hierarchy.
So I hope you get the idea.
And now let's go over to basically let's go back and is this exit button.
We're going to say something like back button.
So we're going to replace this exit button with our back button.
Simply what we can do.
We can just instead of saying exit we're going to say something like back.
So let's select our about menu underneath our canvas.
Let's select this page.
Let's go over to this exit button.
And firstly we're going to rename this to something like back button.
So this is going to be our back button.
So we're going to call it back button a back button.
And we're going to choose the text inside of this button.
And let's go over to Inspector Text Component.
And we're going to rename this to something like uh back.
So let's call it back.
And now that seems cool.
School and we can we can put a text right over here and we can give a instruction like how we can play
the game, who made the game.
It's basically up to you what you just want to say.
And I'm gonna choose my back button.
Let's go over to Inspector then button component in the bottom.
We can see it's empty.
So let's put the text first.
And I want that text inside of this PG basically this panel right over here.
So that's why we're going to select our PG.
Let's right click on it.
Let's go over to GP and legacy in the bottom.
And then we're gonna choose this text.
And we can this call this text something like instruction.
So let's call it instruct instructions like that.
And we're going to move over to Inspector then Rec Transform.
Then click over here.
And we're going to hold down alt and select this bottom right one.
And as soon as we have chosen we can see this GameObject gets resized as the size of our about basically
this big and make sure you it just don't overlap with this about and this back button.
So we're gonna choose our instruction.
Let's drag it a little bit up.
It shouldn't overlap with this back button as well as this about.
And from the left side we want to move something like ten unit.
Let's move it 100 unit.
And from the right side we want to move it 100 as we have done from the left side.
So we're going to do the same thing.
To do that move over to Inspector Rig Transform.
And we can you can change it over here.
So we're going to do 100.
And we barely able to notice our text because the font size of it is too small.
So we're going to choose our instruction text.
So let's call it instead of text instruction text something like that.
It's gonna be fine to notice.
And we need to increase the font size of it.
To do so, let's go over to text component.
Then we're going to move over to font size and let's make it 100.
Uh something like that.
And font style we're gonna choose bold.
And I'm gonna change the color of this font in order to make it visible.
So I'm gonna move over to my color.
Let's click on it, and you can choose any color that you like.
I'm gonna choose this color and font style to bold.
And also I want to change the font.
Uh, so I'm going to click over here.
Let's select this monogram.
Of course I will have a I have all of this in the, in the resources.
So you can just find them.
And you can choose both of these alignment to center it if you want.
But I want to start with to the left side and from the top.
So I'm going to leave it like this.
Let's make it over here and we're gonna say something like A and Add d to move.
Uh.
Move left.
Uh, sorry.
Left and right.
Right.
Space.
A space.
Uh, key to jump and right mouse and left mouse button.
Left mouse.
Mouse button.
I apologize if the spelling is wrong.
Sorry of this mouse.
Uh, a left and left and left mouse button to shoot.
Something like that.
To shoot like that.
And this is fine.
And once you are satisfied, then make sure you just move over to your parent game object.
Then go over to Inspector Overrides and then apply all.
And now we just created our about menu right away by duplicating our main panel.
And we don't want this about menu to be default one.
When we start our game, we want our main menu to be the default one instead.
Instead of this about menu.
So we're going to select our about menu.
Let's go over to Inspector and then uncheck.
Basically you just disabling that.
And now we're going to choose our main menu underneath our canvas.
Then go over to Inspector.
And we're going to check this.
Basically we enabling it.
So whenever we're going to click on this about button we just want our about menu to be activate.
And we want this main menu to be deactivate.
And once we gonna click on that back button of that uh about menu, then we want this main menu to be
activate.
And then that about menu should be deactivate.
So let's uh do first with this about button.
So what we're going to do, we're going to select our paint panel underneath our canvas in the hierarchy.
Let's click here.
And we're going to select our PPG.
And then we're going to choose our apart button.
Then go over to Inspector.
And we're going to scroll down to the button component.
And over here you basically need to click on this plus icon.
And you need to drag the game object which game object you just want to enable.
So in our case we want to enable this about menu.
As soon as we're going to click on this about button.
So we're going to choose our about menu.
Let's drag it over to that field.
And as you can notice it says no function.
So just click there and we're going to go over to Game Object.
Basically you can simply say you just going over to about menu.
And in the bottom we can see set active.
So we're going to use that to enable or disable.
So choose this set active.
So one one.
Once we're going to click on this about button we want to enable this about menu.
So that's why we're going to check this basically enable.
And as soon as we can enable our panel we disable.
We just want to disable this main menu.
So what we need to do for that we need to click on this plus icon one more time.
And we need to drag the game object.
Which game object you we want to disable.
So in our case we're going to disable this main panel itself.
Once we click on this about button.
So when I select our main menu and we're going to drag it here.
And as you can see it says no function.
So just click there then go over to Game Object basically main panel.
And we're going to use this set active.
And we are gonna uncheck basically we just disabling this main panel.
So I hope you get the idea that how you can do it or you can just drag it up or down, it's it doesn't
matter.
So you can just do that as well.
It doesn't need to be in order.
So now what we can do.
Let's click on this play button in the top in order to play our game.
And if we click on this abort button, you will notice as soon as we're going to click on that about
button, then our about menu is just gonna be activate.
Basically it's gonna be enabled.
And this main menu itself is gonna be disabled right away.
So let's have a look.
So just wait a moment.
Uh, so now if we click, if we go at and then click on this.
Sorry I'm going to get out of play mode.
Let's click on this play button in the top.
In order to play our game I just click on that about button right away.
So that's why uh, so just wait a moment to play to load up our game, basically to play our game.
And now if we go ahead and then click on this about button.
As you can see, as soon as we click this about menu just gets activate and that main menu just gets
deactivated as you can notice.
So I hope you get the idea.
But the problem is that if we click on this back button, we're not going over to our main panel.
So once we're going to click on this back button, we just want to move over to our main panel.
To do that let's get out of play mode.
And what we're gonna do that for, we're gonna go over to our about menu.
So let's go over to Hierarchy Canvas.
Then select this about menu.
Let's go to About Menu.
And then we're gonna select our back button.
So this is our back button.
Then go over to Inspector.
Scroll to the scroll to the bottom or bottom says Button component.
And then click on this plus icon.
And we do know that we need to drag the game object which game object we want to enable or disable.
So basically we need to do the same thing.
So whenever we're going to click on this back button I want to enable this main menu.
So I'm gonna select my main menu.
Drag it there.
Let's click on this no function.
Let's go to Game Object and set a table.
And we're going to check this.
Basically we just enabling that main menu.
And now what we need to do we need to disable our about menu itself.
So we're going to click on this plus icon one more time.
And we need to drag the game object which game object we want to disable.
So I'm going to disable my about menu.
So I'm going to select that.
Let's drag it there.
And let's click on no function.
Let's go to Game Object means about menu.
And we're going to use this set active.
And we're gonna uncheck basically means we disabling that about menu itself.
Or you can just do it.
It it doesn't need to be or in order.
You can just drag it up or down.
It is basically up to you.
So I just drag it down.
It's just going to do the same thing as we have done.
So now if we go ahead and then click on this play button, you will notice as soon as we're going to
click on that about button, then we're gonna move over to about menu.
And once we're gonna click on that back button then we're just gonna move over to main menu.
So let's have a look.
So if I click on this abort button, as you can notice we just activated this about menu.
And that main menu just gets deactivate or disable.
And if we go ahead and then click on this back button we can notice our abort panel gets deactivate.
And this main menu just gets activate or enable.
And you can notice underneath your canvas as well.
So basically move over to hierarchy than canvas.
And you can notice right over here.
So if we click on this abort button we can notice this main menu just gets deactivate or basically uncheck
or disable.
And once we click on this back button we can notice this about menu just gets uh uncheck or disable
or deactivate.
And this main menu just gets activate or enable.
So I hope you get the idea that how you can do it.
And this seems pretty much cool.
So you can just do these things.
And once we click on this exit button, then we need to quit our game.
Or we basically need to exit our game.
So I hope you get the idea.
And I'm gonna get out of play mode and make sure you just select the parent game object, then go over
to Inspector Overrides and then apply all.
And we're gonna do the same thing with our about menu.
So I'm gonna select that.
Let's go over to Inspector Overrides and then apply all.
So the changes we made right over here it's going to be saved into this GameObject prefab or copy of
this game object as well.
Basically inside this prefabs folder, the changes and I'm gonna press Ctrl s on my keyboard in order
to save my project.
So I hope you get the idea that how you can do it and you can create a volume button as well if you
do want, and you can just create a volume menu in order to do that.
Basically you can just follow the same process.
So I hope you get the idea of this.