You win the game when all enemies are destroyed before the level time has run out
You win the game when all enemies are destroyed before the level time has run out
Embedded Files
In the enemy_path script
In the enemy_path script
Create a function to check if there are any enemies left after spawning has stopped
Create a function to check if there are any enemies left after spawning has stopped
Before we implement UI, just print a message "You won!"
Before we implement UI, just print a message "You won!"
Connect the enemies tree_exited signal to the enemy_defeated function
Connect the enemies tree_exited signal to the enemy_defeated function
This ensures our function is run anytime an enemy signals that it has exited the scene tree
This ensures our function is run anytime an enemy signals that it has exited the scene tree
Creating the UI
Creating the UI
In the BaseLevel scene
In the BaseLevel scene
add a new CanvasLayer node as a child
add a new CanvasLayer node as a child
Rename it to VictoryLayer
Rename it to VictoryLayer
Add a ColorRect node as a child of
Add a ColorRect node as a child of
VictoryLayer
VictoryLayer
Switch to 2D view
Switch to 2D view
In the Anchor Presets menu
In the Anchor Presets menu
Select Full Rect
Select Full Rect
In the Color property of the ColorRect
In the Color property of the ColorRect
Choose Black
Choose Black
Set the Alpha channel to 150
Set the Alpha channel to 150
The Victory Layer should be hidden to start
The Victory Layer should be hidden to start
If the game is one it can be made visible
If the game is one it can be made visible
In the enemy_path script
In the enemy_path script
Create an export variable of type CanvasLayer
Create an export variable of type CanvasLayer
In BaseLevel
In BaseLevel
Select the EnemyPath Node
Select the EnemyPath Node
In the Inspector
In the Inspector
Load the VictoryLayer node
Load the VictoryLayer node
Now in the enemy_path script
Now in the enemy_path script
Add a line to make the victory layer visible
Add a line to make the victory layer visible
Building the Victory Screen
Building the Victory Screen
Start by saving the VictoryLayer as its own scene
Start by saving the VictoryLayer as its own scene
Open the VictoryLayer scene
Open the VictoryLayer scene
While testing
While testing
Make the VictoryLayer visible again
Make the VictoryLayer visible again
Add a CenterContainer as a child
Add a CenterContainer as a child
Set the Anchor Preset to Full Rect
Set the Anchor Preset to Full Rect
Add a PanelContainer as a child
Add a PanelContainer as a child
of CenterContainer
of CenterContainer
Set the Minimum Size to
Set the Minimum Size to
400 x 400
400 x 400
Add a VBoxContainer as a child
Add a VBoxContainer as a child
of PanelContainer
of PanelContainer
Then add a Label node as a child of
Then add a Label node as a child of
VBoxContainer
VBoxContainer
Add text to the label
Add text to the label
Add a new LabelSettings resource
Add a new LabelSettings resource
Expand it and increase font size to 96px
Expand it and increase font size to 96px
Change the Horizontal Alignment to Center
Change the Horizontal Alignment to Center
Now add an HBoxContainer as a child of
Now add an HBoxContainer as a child of
VBoxContainer
VBoxContainer
Then add a Button as a child of HBoxContainer
Then add a Button as a child of HBoxContainer
Change the text property of the button to
Change the text property of the button to
Retry
Retry
Rename the Button to RetryButton
Rename the Button to RetryButton
Expand Theme Overrides
Expand Theme Overrides
Expand Font Sizes
Expand Font Sizes
Set Font Size to 32px
Set Font Size to 32px
Expand Layout
Expand Layout
Expand Container Sizing
Expand Container Sizing
Enable Horizontal Expand
Enable Horizontal Expand
Duplicate the RetryButton
Duplicate the RetryButton
Rename it to QuitButton
Rename it to QuitButton
Change the Text to Quit
Change the Text to Quit
Scripting the buttons
Scripting the buttons
Attach a script to the VictoryLayer node
Attach a script to the VictoryLayer node
Connect the pressed signal for the retry button
Connect the pressed signal for the retry button
Connect the pressed signal for the quit button
Connect the pressed signal for the quit button
Code them as shown
Code them as shown
Remember to set the CanvasLayer to invisible
Remember to set the CanvasLayer to invisible
Since we saved VictoryLayer as its own scene
Since we saved VictoryLayer as its own scene
We need to go back to BaseLevel
We need to go back to BaseLevel
and reassign VictoryLayer to variable
and reassign VictoryLayer to variable
in the EnemyPath node
in the EnemyPath node
Page updated
Google Sites
Report abuse