Why UI communicates game state in Unity - See It in Action

Why UI Communicates Game State

📖 Scenario: Imagine you are making a simple game where the player collects coins. The game needs to show the player how many coins they have collected so far. This information is shown on the screen using the User Interface (UI). The UI helps the player understand the current game state, like their score or health.

🎯 Goal: You will create a simple Unity script that keeps track of the player's coin count and updates the UI text to show the current number of coins collected. This will help you understand how UI communicates the game state to the player.

📋 What You'll Learn

Create a variable to store the number of coins collected.

Create a UI Text element to display the coin count.

Write code to update the UI text when the coin count changes.

Print the updated coin count to the console.

💡 Why This Matters

🌍 Real World

Games use UI to show important information like scores, health, or time left. This helps players understand what is happening and make decisions.

💼 Career

Game developers must connect game data to UI elements so players can see the current game state clearly and enjoy the game experience.

1

Create a coin count variable

Create a public integer variable called coinCount and set it to 0.

Unity

# Create a public integer variable called coinCount and set it to 0
// Your code here

Hint

Use public int coinCount = 0; to create the variable.

2

Add a UI Text variable

Add a public variable called coinText of type UnityEngine.UI.Text to hold the UI text element.

Unity

public int coinCount = 0;
// Add a public UnityEngine.UI.Text variable called coinText
// Your code here

Hint

Remember to add using UnityEngine.UI; at the top.

3

Update the UI text with the coin count

Write a public method called UpdateCoinUI that sets coinText.text to the string "Coins: " plus the value of coinCount.

Unity

using UnityEngine.UI;

public int coinCount = 0;
public Text coinText;

// Write a method UpdateCoinUI to update coinText.text
// Your code here

Hint

Use coinText.text = "Coins: " + coinCount; inside the method.

4

Print the coin count to the console

Add a line inside UpdateCoinUI that prints the current coin count using Debug.Log with the message "Current coins: " plus coinCount.

Unity

using UnityEngine.UI;

public int coinCount = 0;
public Text coinText;

public void UpdateCoinUI()
{
    coinText.text = "Coins: " + coinCount;
    // Print the current coin count to the console
    // Your code here
}

Hint

Use Debug.Log("Current coins: " + coinCount); to print the message.

Practice

1. Why is it important for the UI to communicate the game state to players?

easy

A. To reduce the game's file size

B. To make the game run faster

C. So players understand what is happening and can make decisions

D. To change the game's background music

Solution

1. Step 1: Understand the role of UI in games

   The UI shows important information like health, score, and timers to the player.

2. Step 2: Connect UI information to player decisions

   When players see the game state clearly, they can decide what to do next.

3. Final Answer:

   So players understand what is happening and can make decisions -> Option C

4. Quick Check:

   UI shows game state = players understand and decide [OK]

Hint: UI shows info so players know what to do [OK]

Common Mistakes:

• Thinking UI only decorates the screen
• Believing UI speeds up game code
• Confusing UI with sound effects

2. Which of the following is the correct way to update a UI text element in Unity using C#?

easy

A. uiText.text = "Score: " + score;

B. uiText.setText("Score: " + score);

C. uiText.text() = "Score: " + score;

D. uiText.updateText = "Score: " + score;

Solution

1. Step 1: Recall Unity UI Text property

   In Unity, UI text is updated by setting the 'text' property of a Text or TMP_Text component.

2. Step 2: Check syntax correctness

   uiText.text = "Score: " + score; uses 'uiText.text = "Score: " + score;' which is correct syntax in C#.

3. Final Answer:

   uiText.text = "Score: " + score; -> Option A

4. Quick Check:

   Use .text property to update UI text [OK]

Hint: Use .text property to change UI text in Unity [OK]

Common Mistakes:

• Using method calls like setText which don't exist
• Trying to call text as a method
• Assigning to a non-existent property

3. Given this code snippet in Unity C#:

int health = 50;
Text healthText;

void UpdateHealthUI() {
    healthText.text = "Health: " + health;
}

UpdateHealthUI();

What will be shown on the UI if health is 50?

medium

A. healthText

B. Health: 50

C. Health: health

D. 50

Solution

1. Step 1: Understand string concatenation in C#

   The code combines the string "Health: " with the integer health converted to string.

2. Step 2: Predict the UI text output

   Since health is 50, the text becomes "Health: 50" and is assigned to healthText.text.

3. Final Answer:

   Health: 50 -> Option B

4. Quick Check:

   String + int shows combined text [OK]

Hint: String + number shows combined text in UI [OK]

Common Mistakes:

• Expecting variable name instead of value
• Confusing variable with string literal
• Ignoring string concatenation

4. What is wrong with this Unity C# code that tries to update a score UI?

int score = 10;
Text scoreText;

void UpdateScore() {
    scoreText.text = score;
}

medium

A. scoreText is not declared

B. The method UpdateScore should return a value

C. score cannot be updated inside a method

D. scoreText.text expects a string, but score is an int

Solution

1. Step 1: Check the type of scoreText.text

   The text property expects a string value to display on UI.

2. Step 2: Identify the type mismatch

   The code assigns an int (score) directly to text, causing a type error.

3. Final Answer:

   scoreText.text expects a string, but score is an int -> Option D

4. Quick Check:

   UI text needs string, not int [OK]

Hint: Convert numbers to string before assigning to UI text [OK]

Common Mistakes:

• Assigning int directly to text property
• Forgetting to convert int to string
• Assuming method must return a value

5. You want to show a countdown timer on the UI that updates every second in Unity. Which approach best communicates the game state to the player?

hard

A. Update a UI text element every second with the remaining time

B. Print the time to the console every second

C. Change the background color every second without showing time

D. Play a sound every second without any visual update

Solution

1. Step 1: Identify how to show game state clearly

   Players need to see the countdown time to understand how much time is left.

2. Step 2: Choose the UI update method

   Updating a UI text element every second shows the timer clearly on screen.

3. Final Answer:

   Update a UI text element every second with the remaining time -> Option A

4. Quick Check:

   Visible timer update = clear game state communication [OK]

Hint: Show timer visibly on UI for clear player info [OK]

Common Mistakes:

• Using console logs which players don't see
• Changing colors without explanation
• Relying only on sounds without visuals