Hello there.
Our next goal is to layout in-game menu.
That's going to be pretty simple with the setup we already have.
What we're going to do here is to duplicate main menu.
Let's just press control D to duplicate and rename this to just basically in game UI.
Let's open this.
We do need shop inside of in-game UI, but we need a mute button.
I guess we could keep it and we could use settings button, but we need to change it by a bit.
Let's rename these to pause button.
Let's go to dark UI free and find something that fits the pose icon.
Let's see.
Hmm.
Maybe Lockett would do.
Why not?
Kinda like lock the game.
I think that's the good logic.
So let's put it here.
Now, to make it more clear for us, let's switch off Main menu UI.
Yeah.
This is what we're going to see in the in-game UI.
We need this top to start button.
Let's delete it.
And honestly, I don't understand why it doesn't have a name on it, so let's fix it now.
Button top to start button.
Switch off main menu.
Now in game we have balls, we have mute and we have info general info or when it gets better.
Name would be info bar.
I don't know.
I like this name a lot info bar.
Okay.
So what information do we have when we run in in the game?
I think we should have a meter's like how far we run.
We have the amount of coins that we collected and also I want to put a small icon there that says if
at the moment you can get extra life on hidden, something like you won't die if you hit something.
So basically a heart I prepared a heart icon.
You have it attached to this lecture so you can download it.
For me.
It's over here, so I'm just going to drag it to this folder.
Okay.
Heart icon.
Cool.
Now let's go to info bar.
Take this.
Coins we can delete.
Give me a second to think.
So we can take this coins.
Move it a bit to the left.
Forget about coins for now.
Let's stop the heart icon I was talking about.
So I want to create new UI image.
It's going to say extra life is play.
Let's keep this name.
Now let's find an image for this one.
And I want to have some border.
So maybe this one is okay.
Let's move it to the right over here.
And I want to make it smaller just by a bit.
Let's try 80 by 80.
Well, I think it's okay.
Let's keep this one.
What we need to do next is to create UI image under this one.
It's going to be hard.
Empty.
Let's find our heart icon.
Drag it here and we're going to make it smaller.
Just going to click, set native size and then adjust the size.
So 64 by 64.
Smaller, I think 50 by 50.
And that's okay.
Now let's duplicate this one and rename this to Heart full.
And drag this icon over here.
Then when I prepared the colored heart.
This is better.
Now let's adjust info on the left.
So I think we can put coins somewhere here.
And I want to make image smaller this time.
So maybe 40 by 40 will do a good.
So we'd be.
Let's just text as well.
Let's say we collected 127 coins.
Let's see how it looks.
We can put it a bit.
We can click alignment to the center to make it look better and just font size.
Oh 32, I think.
That's adjusted just by a bit.
And this is my preference if you want to see it in a different way.
Feel free to put it in a different way.
Right now, this best score, I think we don't need it, but we can use this last score.
Let's do alignment to the right and in the center, then move it below.
Set font size 32 as well.
Moving to the right.
I'm going to do letter M here, which will represent meters or miles if you are in state, I guess,
but it doesn't matter.
Letter M will do.
So let's do let's say we run 156.
Yeah, this looks good.
So we have kind of two spaces here.
This what we can do later when we set up the info, the text info.
For now, let's just keep this example.
And we done with the laying out ingame menu.
That's it.
I guess that was very fast for a video, but I think it's okay.
Let's go and do layout for pause menu.
All right.