Create a New Scene with a CanvasLayer as the Root
Create a New Scene with a CanvasLayer as the Root
Rename it to UI
Rename it to UI
Embedded Files
A CanvasLayer allows us to overlay objects on top of other objects
A CanvasLayer allows us to overlay objects on top of other objects
it is also locked in place and doesn't move with other objects in the scene.
it is also locked in place and doesn't move with other objects in the scene.
Add a MarginContainer as a child.
Add a MarginContainer as a child.
This is a container object which allows us to control the size of margin spacing.
This is a container object which allows us to control the size of margin spacing.
Select the MarginContainer
Select the MarginContainer
Click on the Anchor and Offset Presets button
Click on the Anchor and Offset Presets button
Set it to Full Rect
Set it to Full Rect
Adjust the left and right margin spacing to 32
Adjust the left and right margin spacing to 32
Now add two Label nodes as children of the MarginContainer.
Now add two Label nodes as children of the MarginContainer.
Name them PlayerPoints and EnemyPoints.
Name them PlayerPoints and EnemyPoints.
Set the Text Property of both Labels to 0
Set the Text Property of both Labels to 0
Set the Font Size to 64
Set the Font Size to 64
Set the Horizontal Alignment to Left
Set the Horizontal Alignment to Left
Set the Vertical Alignment to Top
Set the Vertical Alignment to Top
Instance (Add) your UI scene in the Board scene.
Instance (Add) your UI scene in the Board scene.
Right-click on the Labels and select
Right-click on the Labels and select
Access as Unique Name
Access as Unique Name
This places a special % marker in the Node name and allows you to reference the node without including the full path.
This places a special % marker in the Node name and allows you to reference the node without including the full path.
Add a New Script to the UI node.
Add a New Script to the UI node.
Add references to:
Add references to:
The PlayerPoints Label
The PlayerPoints Label
The EnemyPoints Label
The EnemyPoints Label
In the _ready() function
In the _ready() function
Set the initial text of the
Set the initial text of the
player_points_label
player_points_label
enemy_points_label
enemy_points_label
Create a function to update the enemy's score
Create a function to update the enemy's score
Inside the function set the text value to the number of points.
Inside the function set the text value to the number of points.
Create a function to update the player's score
Create a function to update the player's score
Inside the function set the text value to the number of points.
Inside the function set the text value to the number of points.
Page updated
Google Sites
Report abuse