CodeBlanks Logo Icon CodeBlanks
Login Register

SpriteRenderer

Learn to place a sprite in the scene with the SpriteRenderer.

SpriteRenderer component

Just as MeshRenderer displays objects in 3D, SpriteRenderer handles rendering in 2D. A GameObject requires this component to display a visible 2D graphic in the scene.

// Accessing SpriteRenderer and assigning sprite
SpriteRenderer sr = GetComponent<SpriteRenderer>();
sr.sprite = heroSprite;

While the GameObject serves as a container, SpriteRenderer renders the assigned visual into scene pixels.

SpriteRenderer properties: Color and Flip

The color property on SpriteRenderer applies a tint color or adjusts transparency (alpha). The flipX and flipY options mirror the graphic via code to make characters face left or right.

// Flip character horizontally (face left)
sr.flipX = true;
sr.color = Color.white;

These features eliminate the need to redraw identical sprites for opposite directional animations.

Practice Print renderer component state

Assign "SpriteRenderer" to renderer and "flipX" to flip. Print Component: SpriteRenderer | Flip: flipX to the console.

Starter code

Player.cs
using System;

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

Sample solution

Player.cs
using System;

class Program
{
    static void Main()
    {
        string renderer = "SpriteRenderer";
        string flip = "flipX";
        Console.WriteLine("Component: " + renderer + " | Flip: " + flip);
    }
}

Expected output

Component: SpriteRenderer | Flip: flipX

Questions and answers

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

1 Which component is used to render a selected Sprite visual on screen on a GameObject?

  • Rigidbody2D
  • SpriteRenderer Correct answer
  • MeshFilter
  • AudioListener

Explanation: SpriteRenderer is the component responsible for drawing 2D sprite visuals in scene space.

2 Flip visual horizontally

Question 
sr.____ = true;
Answer 
sr.flipX = true;

Explanation: The flipX boolean property on SpriteRenderer is used to mirror the graphic horizontally.

3 SpriteRenderer fields

Term Meaning
SpriteRenderer 2D component rendering sprite in scene
sprite Reference to 2D visual to render
flipX Property mirroring visual horizontally
color Field applying tint and transparency

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