Sorting layers and order in Unity - Mini Project: Build & Apply

Sorting Layers and Order in Unity

📖 Scenario: You are creating a simple 2D game scene in Unity where multiple sprites overlap. You want to control which sprite appears on top by using sorting layers and order in layer.

🎯 Goal: Learn how to set up sorting layers and adjust the order in layer for sprites in Unity to control their visual stacking order.

📋 What You'll Learn

Create three GameObjects with SpriteRenderer components

Assign each GameObject to a specific sorting layer

Set the order in layer for each SpriteRenderer to control overlap

Verify the sprites appear stacked in the correct order in the Scene view

💡 Why This Matters

🌍 Real World

Sorting layers and order in layer are essential in 2D game development to control which sprites appear on top of others, making scenes visually clear and organized.

💼 Career

Understanding sorting layers is important for game developers and UI designers working with Unity to create polished and professional 2D games and applications.

1

Create three GameObjects with SpriteRenderer components

In your Unity scene, create three GameObjects named Background, Player, and Foreground. Add a SpriteRenderer component to each GameObject and assign any sprite to each SpriteRenderer.

Unity

// Create three GameObjects named Background, Player, and Foreground
// Add SpriteRenderer components to each and assign sprites
// Your code here

Need a hint?

Use new GameObject("Name") to create each object and AddComponent() to add the sprite renderer.

2

Create sorting layers for Background, Player, and Foreground

Create three sorting layers named Background, Player, and Foreground in the Unity Editor's Tags and Layers settings. Then, in code, create three string variables named backgroundLayer, playerLayer, and foregroundLayer and assign them the exact layer names.

Unity

GameObject background = new GameObject("Background");
SpriteRenderer backgroundRenderer = background.AddComponent();
// Assign a sprite to backgroundRenderer.sprite here

GameObject player = new GameObject("Player");
SpriteRenderer playerRenderer = player.AddComponent();
// Assign a sprite to playerRenderer.sprite here

GameObject foreground = new GameObject("Foreground");
SpriteRenderer foregroundRenderer = foreground.AddComponent();
// Assign a sprite to foregroundRenderer.sprite here

// Create string variables for sorting layers
// Your code here

Need a hint?

Define string variables with the exact sorting layer names as their values.

3

Assign sorting layers and order in layer to each SpriteRenderer

Set the sortingLayerName property of backgroundRenderer to backgroundLayer, playerRenderer to playerLayer, and foregroundRenderer to foregroundLayer. Then set the sortingOrder property to 0 for background, 1 for player, and 2 for foreground to control their visual stacking order.

Unity

GameObject background = new GameObject("Background");
SpriteRenderer backgroundRenderer = background.AddComponent();
// Assign a sprite to backgroundRenderer.sprite here

GameObject player = new GameObject("Player");
SpriteRenderer playerRenderer = player.AddComponent();
// Assign a sprite to playerRenderer.sprite here

GameObject foreground = new GameObject("Foreground");
SpriteRenderer foregroundRenderer = foreground.AddComponent();
// Assign a sprite to foregroundRenderer.sprite here

string backgroundLayer = "Background";
string playerLayer = "Player";
string foregroundLayer = "Foreground";

// Set sortingLayerName and sortingOrder for each SpriteRenderer
// Your code here

Need a hint?

Use the sortingLayerName and sortingOrder properties on each SpriteRenderer to set layers and order.

4

Verify the sprites appear stacked correctly in the Scene view

Ensure the sprites assigned to backgroundRenderer, playerRenderer, and foregroundRenderer appear stacked in the Scene view with Background behind Player and Foreground on top by confirming their sorting layers and order in layer are set correctly.

Unity

GameObject background = new GameObject("Background");
SpriteRenderer backgroundRenderer = background.AddComponent();
// Assign a sprite to backgroundRenderer.sprite here

GameObject player = new GameObject("Player");
SpriteRenderer playerRenderer = player.AddComponent();
// Assign a sprite to playerRenderer.sprite here

GameObject foreground = new GameObject("Foreground");
SpriteRenderer foregroundRenderer = foreground.AddComponent();
// Assign a sprite to foregroundRenderer.sprite here

string backgroundLayer = "Background";
string playerLayer = "Player";
string foregroundLayer = "Foreground";

backgroundRenderer.sortingLayerName = backgroundLayer;
backgroundRenderer.sortingOrder = 0;

playerRenderer.sortingLayerName = playerLayer;
playerRenderer.sortingOrder = 1;

foregroundRenderer.sortingLayerName = foregroundLayer;
foregroundRenderer.sortingOrder = 2;

// Final verification step - no code needed
// Your code here

Need a hint?

Check the Scene view in Unity to see the sprites stacked in the correct order visually.