✍️ Make Your UI Feel Alive!

• You’ve got a working click counter - nice!
• But now it’s time to go beyond boring black-and-white numbers and make your UI react to the player.

In this lesson, you’ll learn how to:

• Format text on the fly
• Change color and size dynamically
• Use simple logic to make your UI feel smarter and more fun

🎯 Step 1: Changing Text Style via Code

Let’s start by making our click count look bold and colorful once it passes a certain number.

Update your script:

1public void CountClick()2{3    clickCount++;4    5    if (clickCount >= 10)6    {7        clickText.color = Color.yellow;8        clickText.fontSize = 60;9    }10 11    clickText.text = "Clicks: " + clickCount;12}

🔤 Step 2: Using String Formatting

For better control, you can format text like this:

1clickText.text = string.Format("Total Clicks: {0}", clickCount);

You can also use rich text tags with TextMeshPro (TMP) like , , .

Example:

1clickText.text = $"Clicks: {clickCount}";

🧪 Step 3: Animate It with LeanTween (Optional)

If you want to animate the text size on each click:

1. Install LeanTween from the Asset Store
2. Add this inside CountClick():

1LeanTween.scale(clickText.gameObject, Vector3.one * 1.2f, 0.1f).setEasePunch();

Boom 💥 – the text will "pop" every time it's updated.

🧠 Recap

• You can style UI text dynamically via script
• TextMeshPro supports HTML-style rich tags
• Combine logic with visuals to celebrate progress
• Optional: use LeanTween or DOTween for simple UI animations

🧪 Mini Challenge: Reactive UI

• When clicks reach 20, make the text red and say “🔥 YOU’RE ON FIRE!”
• Change the button label to “Keep Going!” once player reaches 50 clicks
• Reset everything after 100 clicks

🚀 What’s Next?

Let’s make that click feel good. We’ll add sound effects and make the whole experience more satisfying.

🔊 Go to Lesson 16 → Playing a Sound on Click in Unity