2D animation basics in Unity - Mini Project: Build & Apply

2D Animation Basics in Unity

📖 Scenario: You are creating a simple 2D game character that can walk left and right. To make the character look alive, you will add basic walking animations using Unity's Sprite Renderer.

🎯 Goal: Build a Unity script that controls a 2D character's walking animation by cycling through walking sprites based on player input.

📋 What You'll Learn

Create a list of sprites for walking animation frames

Create a float variable to control animation speed

Write code to cycle through walking sprites when moving

Print the current sprite name to confirm animation frame changes

💡 Why This Matters

🌍 Real World

2D animations bring characters to life in games, making them feel responsive and fun to control.

💼 Career

Understanding basic 2D animation scripting is essential for game developers working with Unity to create engaging player experiences.

1

Create a list of walking sprites

Create a public List<Sprite> called walkingSprites and initialize it as an empty list.

Unity

using UnityEngine;
using System.Collections.Generic;

public class CharacterAnimation : MonoBehaviour
{
    // Your code here
}

Hint

Use public List<Sprite> walkingSprites = new List<Sprite>(); inside the class.

2

Add animation speed variable

Add a public float variable called animationSpeed and set it to 0.2f.

Unity

using UnityEngine;
using System.Collections.Generic;

public class CharacterAnimation : MonoBehaviour
{
    public List walkingSprites = new List();
    // Your code here
}

Hint

Declare public float animationSpeed = 0.2f; inside the class.

3

Cycle through walking sprites when moving

Add private variables SpriteRenderer spriteRenderer and float timer. In Start(), assign spriteRenderer using GetComponent<SpriteRenderer>(). In Update(), if the horizontal input axis is not zero, increase timer by Time.deltaTime. When timer exceeds animationSpeed, reset timer and update spriteRenderer.sprite to the next sprite in walkingSprites cycling through the list.

Unity

using UnityEngine;
using System.Collections.Generic;

public class CharacterAnimation : MonoBehaviour
{
    public List walkingSprites = new List();
    public float animationSpeed = 0.2f;

    // Your code here
}

Hint

Use Input.GetAxis("Horizontal") to detect movement and cycle sprites with a timer.

4

Print current sprite name to confirm animation

Add a Debug.Log statement inside the sprite update block in Update() to print the current sprite's name using spriteRenderer.sprite.name.

Unity

using UnityEngine;
using System.Collections.Generic;

public class CharacterAnimation : MonoBehaviour
{
    public List walkingSprites = new List();
    public float animationSpeed = 0.2f;

    private SpriteRenderer spriteRenderer;
    private float timer = 0f;
    private int currentFrame = 0;

    void Start()
    {
        spriteRenderer = GetComponent();
    }

    void Update()
    {
        float move = Input.GetAxis("Horizontal");
        if (move != 0)
        {
            timer += Time.deltaTime;
            if (timer > animationSpeed)
            {
                timer = 0f;
                currentFrame = (currentFrame + 1) % walkingSprites.Count;
                spriteRenderer.sprite = walkingSprites[currentFrame];
                // Your code here
            }
        }
    }
}

Hint

Use Debug.Log("Current sprite: " + spriteRenderer.sprite.name); inside the sprite update block.

Practice

1. What is the main purpose of the Animator component in Unity's 2D animation system?

easy

A. To create 3D models for animation

B. To write scripts for game logic

C. To control which animation clip plays based on parameters

D. To import audio files into the project

Solution

1. Step 1: Understand Animator's role

   The Animator component manages animation clips and decides which one to play based on set parameters.

2. Step 2: Eliminate unrelated options

   Creating 3D models, scripting game logic, and importing audio are unrelated to Animator's function.

3. Final Answer:

   To control which animation clip plays based on parameters -> Option C

4. Quick Check:

   Animator controls animation clips = B [OK]

Hint: Animator controls animation playback by parameters [OK]

Common Mistakes:

• Confusing Animator with scripting or 3D modeling tools
• Thinking Animator imports assets
• Assuming Animator handles audio

2. Which of the following is the correct way to trigger a boolean parameter named isRunning in an Animator component from C# script?

easy

A. animator.SetInteger("isRunning", 1);

B. animator.SetBool("isRunning", true);

C. animator.Trigger("isRunning");

D. animator.PlayBool("isRunning", true);

Solution

1. Step 1: Identify correct Animator method for boolean

   To set a boolean parameter, use SetBool with parameter name and value.

2. Step 2: Check method names and parameter types

   SetInteger is for integers, Trigger is for trigger parameters, and PlayBool does not exist.

3. Final Answer:

   animator.SetBool("isRunning", true); -> Option B

4. Quick Check:

   SetBool for booleans = A [OK]

Hint: Use SetBool for boolean Animator parameters [OK]

Common Mistakes:

• Using SetInteger for boolean parameters
• Using Trigger instead of SetBool
• Calling non-existent methods like PlayBool

3. Given the following code snippet in Unity C#:

Animator animator = GetComponent<Animator>();
animator.SetTrigger("Jump");

What happens when this code runs assuming the Animator has a trigger parameter named "Jump"?

medium

A. The "Jump" boolean parameter is set to true

B. The animator stops all animations immediately

C. Nothing happens because SetTrigger is invalid

D. The animation linked to the "Jump" trigger starts playing once

Solution

1. Step 1: Understand SetTrigger effect

   Calling SetTrigger("Jump") activates the trigger parameter named "Jump" in Animator.

2. Step 2: Identify Animator response

   When a trigger is set, the Animator transitions to the animation linked to that trigger once.

3. Final Answer:

   The animation linked to the "Jump" trigger starts playing once -> Option D

4. Quick Check:

   SetTrigger activates animation once = C [OK]

Hint: SetTrigger starts linked animation once [OK]

Common Mistakes:

• Thinking SetTrigger stops animations
• Confusing triggers with booleans
• Believing SetTrigger is invalid method

4. You wrote this code to play a walking animation:

Animator animator = GetComponent<Animator>();
animator.SetBool("isWalking", true);

But the animation does not play. What is the most likely reason?

medium

A. The parameter name "isWalking" is misspelled or missing in Animator

B. The Animator component is missing from the GameObject

C. SetBool cannot be used to play animations

D. You need to call animator.Play("Walk") instead

Solution

1. Step 1: Check Animator parameter existence

   If the parameter "isWalking" is misspelled or not created in Animator, setting it has no effect.

2. Step 2: Verify Animator component presence

   Since code calls GetComponent<Animator>(), if Animator was missing, code would throw an error.

3. Final Answer:

   The parameter name "isWalking" is misspelled or missing in Animator -> Option A

4. Quick Check:

   Parameter must exist and match name = A [OK]

Hint: Check parameter names exactly match Animator parameters [OK]

Common Mistakes:

• Assuming SetBool alone plays animation without parameter setup
• Ignoring parameter name typos
• Thinking Animator component absence causes silent failure

5. You want to create a 2D character that switches between idle, walk, and jump animations using an Animator. Which approach correctly uses parameters to control these animations in code?

hard

A. Use a boolean parameter isWalking to switch between idle and walk, and a trigger Jump to play jump animation

B. Use integer parameter state with values 0 for idle, 1 for walk, 2 for jump, and set it in code

C. Use only triggers for all animations: Idle, Walk, and Jump

D. Use a float parameter speed and set it to 0 for idle, 1 for walk, and 2 for jump

Solution

1. Step 1: Understand parameter types for animation control

   Boolean parameters are good for toggling states like walking vs idle. Triggers are ideal for one-time actions like jumping.

2. Step 2: Evaluate other options

   Integer or float parameters can work but require more complex Animator setup. Using only triggers for all states is inefficient and can cause conflicts.

3. Final Answer:

   Use a boolean parameter isWalking to switch between idle and walk, and a trigger Jump to play jump animation -> Option A

4. Quick Check:

   Boolean for walk/idle + trigger for jump = D [OK]

Hint: Use bool for continuous states, trigger for one-time actions [OK]

Common Mistakes:

• Using triggers for all animations causing conflicts
• Overcomplicating with integer or float parameters
• Not combining parameter types properly