Button component and click events in Unity - Mini Project: Build & Apply

Button component and click events

📖 Scenario: You are creating a simple Unity scene where a button changes the color of a cube when clicked. This is a common task in game menus or interactive applications.

🎯 Goal: Build a Unity script that connects a UI button to a cube in the scene. When the button is clicked, the cube's color changes to red.

📋 What You'll Learn

Create a public GameObject variable called cube to reference the cube in the scene.

Create a public method called ChangeColor that changes the cube's color to red.

Attach the ChangeColor method to the button's OnClick event in the Unity Editor.

Print a message "Button clicked!" to the console when the button is clicked.

💡 Why This Matters

🌍 Real World

Changing object properties with button clicks is common in game menus, settings, and interactive applications.

💼 Career

Understanding UI events and scripting interactions is essential for Unity developers working on game interfaces and user experiences.

1

Create a public GameObject variable

Create a public GameObject variable called cube inside a new C# script called ButtonClickHandler.

Unity

using UnityEngine;

public class ButtonClickHandler : MonoBehaviour
{
    // Create a public GameObject variable called cube
    
}

Need a hint?

Use public GameObject cube; inside the class to create the variable.

2

Create the ChangeColor method

Add a public method called ChangeColor inside the ButtonClickHandler class that changes the cube color to red using cube.GetComponent<Renderer>().material.color = Color.red;.

Unity

using UnityEngine;

public class ButtonClickHandler : MonoBehaviour
{
    public GameObject cube;

    // Create a public method called ChangeColor to change cube's color to red
    
}

Need a hint?

Define public void ChangeColor() and inside it set the cube's material color to Color.red.

3

Add a debug message inside ChangeColor

Inside the ChangeColor method, add a line to print "Button clicked!" to the console using Debug.Log.

Unity

using UnityEngine;

public class ButtonClickHandler : MonoBehaviour
{
    public GameObject cube;

    public void ChangeColor()
    {
        cube.GetComponent().material.color = Color.red;
        // Add Debug.Log to print "Button clicked!"
    }
}

Need a hint?

Use Debug.Log("Button clicked!"); inside the method.

4

Test the button click event

Attach the ButtonClickHandler script to an empty GameObject in the scene. Assign the cube GameObject to the cube variable in the Inspector. Then, in the UI Button's OnClick event, add the GameObject with ButtonClickHandler and select the ChangeColor method. Run the scene and click the button to see the cube change color and the console message.

Unity

using UnityEngine;

public class ButtonClickHandler : MonoBehaviour
{
    public GameObject cube;

    public void ChangeColor()
    {
        cube.GetComponent().material.color = Color.red;
        Debug.Log("Button clicked!");
    }
}

// Run the scene and click the button to test

Need a hint?

Make sure the button's OnClick event calls the ChangeColor method and watch the console when you click the button.