CodeBlanks Logo Icon CodeBlanks
Login Register

Preparing sprite animation

Learn to slice multiple sprites for sequential playback.

Sprite animation setup and Slice

In 2D games, character animations are typically authored using Spritesheet files packing multiple frames into one image. After setting Sprite Mode to Multiple, the Slice operation is executed in the Sprite Editor.

// Loading all sliced sub-frames from a spritesheet
Sprite[] walkFrames = Resources.LoadAll<Sprite>("HeroWalkSheet");

Slicing divides the graphic into pieces based on uniform grids or pixel boundaries.

Frames and Animation Flow

Sliced frames appear as child sub-assets under the main asset in the Project window. Cycling through these frames sequentially produces classic frame-by-frame 2D animation.

// Displaying the initial animation frame
Sprite currentFrame = walkFrames[0];
sr.sprite = currentFrame;

Keeping sprite pivot points consistent across frames (e.g. at character feet) prevents jitter.

Practice Print animation frame count

Assign 8 to totalFrames and "Run" to animName. Print Animation: Run | Frames: 8 to the console.

Starter code

Player.cs
using System;

class Program
{
    static void Main()
    {
        // totalFrames ve animName değerlerini tanımlayıp yazdır
    }
}

Sample solution

Player.cs
using System;

class Program
{
    static void Main()
    {
        int totalFrames = 8;
        string animName = "Run";
        Console.WriteLine("Animation: " + animName + " | Frames: " + totalFrames);
    }
}

Expected output

Animation: Run | Frames: 8

Questions and answers

Review the lesson questions together with their answers. To test yourself, solve the lesson interactively.

1 What is the operation of dividing a single Spritesheet into individual animation frames called?

  • Extrude
  • Rigging
  • Slice Correct answer
  • Baking

Explanation: Slice divides frames within a spritesheet into separate individual sprite assets.

2 Load multiple sprite frames

Question 
Sprite[] frames = Resources.____<Sprite>("KnightRun");
Answer 
Sprite[] frames = Resources.LoadAll<Sprite>("KnightRun");

Explanation: The LoadAll method is used to retrieve all sub-sprite frames from a spritesheet as an array.

3 Animation setup terms

Term Meaning
Spritesheet Sheet packing multiple animation frames
Sprite Editor Tool to slice graphics and set pivots
Slice Dividing an image into separate frames
Frame Single visual moment in an animation

All lessons in Beginner

1 What is game development?

  1. Intro to game development
  2. Game engines
  3. 2D and 3D games
  4. The game loop
  5. The scene concept
  6. Summary - Game dev fundamentals

2 Unity setup

  1. Installing Unity Hub
  2. Creating your first project
  3. The editor interface
  4. Toolbar and playback
  5. Saving the project
  6. Summary - Unity setup

3 First scene project

  1. Project overview
  2. Camera and light
  3. Your first cube in the scene
  4. Adding a material
  5. Testing in Play mode
  6. Summary - First scene

4 The GameObject concept

  1. What is a GameObject?
  2. Components
  3. The Hierarchy window
  4. Editing with the Inspector
  5. Tags and Layers
  6. Summary - GameObject

5 C# script basics

  1. Your first C# script
  2. using and namespace
  3. Class structure
  4. Variables and types
  5. Output with Debug.Log
  6. Summary - C# basics

6 MonoBehaviour

  1. What is MonoBehaviour?
  2. The Start method
  3. The Update method
  4. Awake vs Start
  5. SerializeField and public
  6. Summary - MonoBehaviour

7 Transform

  1. What is Transform?
  2. Changing position
  3. Moving with Translate
  4. Changing rotation
  5. Local vs world space
  6. Summary - Transform

8 Input

  1. The Input class
  2. Axis input
  3. Mouse input
  4. The new Input System
  5. Movement vector
  6. Summary - Input

9 Physics (Rigidbody/Collider)

  1. What is a Rigidbody?
  2. What is a Collider?
  3. Applying force with AddForce
  4. Collision events
  5. Trigger events
  6. Summary - Physics

10 2D Sprite

  1. What is a Sprite?
  2. SpriteRenderer
  3. Sprite import settings
  4. Sprite sorting
  5. Preparing sprite animation
  6. Summary - 2D Sprite

11 Godot basics

  1. The Godot editor
  2. A new project
  3. The scene tree
  4. The Node concept
  5. Saving the project
  6. Summary - Godot basics

12 GDScript

  1. What is GDScript?
  2. extends and variables
  3. Function definition
  4. Output with print
  5. Type hints
  6. Summary - GDScript

13 Node and Scene

  1. Node2D and Sprite2D
  2. Saving a scene
  3. Scene instance
  4. The _ready method
  5. The _process method
  6. Summary - Node and Scene

14 Beginner final

  1. Challenge 1: Print a score
  2. Challenge 2: Movement vector
  3. Challenge 3: Godot ready
  4. Challenge 4: Collision log
  5. Challenge 5: Final synthesis