Sorting layers and order in Unity

Introduction

Sorting layers and order help decide which objects appear in front or behind others in a 2D game scene.

When you want a character to appear in front of the background but behind the UI.

When you have multiple objects overlapping and want to control which one is visible on top.

When creating a layered scene like a forest with trees in front and behind the player.

When you want to organize objects visually without changing their position in the game world.

Syntax

Unity

spriteRenderer.sortingLayerName = "LayerName";
spriteRenderer.sortingOrder = number;

sortingLayerName sets the layer name where the sprite belongs.

sortingOrder sets the order inside that layer; higher numbers appear on top.

Examples

This puts the sprite in the Background layer at order 0, so it appears behind others.

Unity

spriteRenderer.sortingLayerName = "Background";
spriteRenderer.sortingOrder = 0;

This puts the sprite in the Characters layer with order 5, so it appears in front of lower orders.

Unity

spriteRenderer.sortingLayerName = "Characters";
spriteRenderer.sortingOrder = 5;

This puts the sprite in the UI layer with a high order to appear on top of most objects.

Unity

spriteRenderer.sortingLayerName = "UI";
spriteRenderer.sortingOrder = 10;

Sample Program

This program sets three sprites to different sorting layers and orders. The background is behind, the player is in front of the background, and the UI is on top of both.

Unity

using UnityEngine;

public class SortingExample : MonoBehaviour
{
    public SpriteRenderer backgroundSprite;
    public SpriteRenderer playerSprite;
    public SpriteRenderer uiSprite;

    void Start()
    {
        backgroundSprite.sortingLayerName = "Background";
        backgroundSprite.sortingOrder = 0;

        playerSprite.sortingLayerName = "Characters";
        playerSprite.sortingOrder = 5;

        uiSprite.sortingLayerName = "UI";
        uiSprite.sortingOrder = 10;

        Debug.Log($"Background Layer: {backgroundSprite.sortingLayerName}, Order: {backgroundSprite.sortingOrder}");
        Debug.Log($"Player Layer: {playerSprite.sortingLayerName}, Order: {playerSprite.sortingOrder}");
        Debug.Log($"UI Layer: {uiSprite.sortingLayerName}, Order: {uiSprite.sortingOrder}");
    }
}

Important Notes

You can create and manage sorting layers in Unity's Tags and Layers settings.

Sorting order only matters within the same sorting layer.

Use sorting layers and order to avoid changing object positions just to control visibility.

Summary

Sorting layers group objects to control their visual stacking order.

Sorting order sets which object appears on top within a layer.

Use these to organize your 2D scene visually without moving objects.

Practice

1. What is the main purpose of Sorting Layers in Unity?

easy

A. To apply physics properties to objects

B. To change the physical position of objects in the scene

C. To set the color of objects

D. To group objects and control their visual stacking order

Solution

1. Step 1: Understand Sorting Layers concept

   Sorting Layers are used to group objects so Unity knows which objects appear in front or behind others visually.

2. Step 2: Differentiate from other properties

   Sorting Layers do not move objects physically or change physics or color; they only affect visual stacking order.

3. Final Answer:

   To group objects and control their visual stacking order -> Option D

4. Quick Check:

   Sorting Layers = Visual stacking order [OK]

Hint: Sorting Layers control visual order, not position or physics [OK]

Common Mistakes:

• Confusing sorting layers with object position
• Thinking sorting layers affect physics
• Assuming sorting layers change object color

2. Which of the following is the correct way to set the sorting order of a SpriteRenderer component in Unity C# script?

easy

A. spriteRenderer.orderSorting = 5;

B. spriteRenderer.sortOrder = 5;

C. spriteRenderer.sortingOrder = 5;

D. spriteRenderer.layerOrder = 5;

Solution

1. Step 1: Recall SpriteRenderer property names

   The correct property to set the order within a sorting layer is sortingOrder.

2. Step 2: Check each option for syntax correctness

   Only spriteRenderer.sortingOrder is a valid property; others are incorrect or do not exist.

3. Final Answer:

   spriteRenderer.sortingOrder = 5; -> Option C

4. Quick Check:

   Correct property name = sortingOrder [OK]

Hint: Use 'sortingOrder' property to set order in script [OK]

Common Mistakes:

• Using incorrect property names like sortOrder
• Confusing sorting layer with sorting order
• Trying to set sorting layer with sortingOrder

3. Given two sprites in the same sorting layer with these orders:
spriteA.sortingOrder = 3;
spriteB.sortingOrder = 7;
Which sprite will appear on top visually?

medium

A. spriteB will appear on top

B. spriteA will appear on top

C. Both sprites will appear at the same level

D. Sorting order does not affect visual stacking

Solution

1. Step 1: Understand sorting order within the same layer

   Higher sortingOrder values appear in front of lower ones within the same sorting layer.

2. Step 2: Compare the given sortingOrder values

   spriteB has sortingOrder 7, which is higher than spriteA's 3, so spriteB appears on top.

3. Final Answer:

   spriteB will appear on top -> Option A

4. Quick Check:

   Higher sortingOrder = on top [OK]

Hint: Higher sortingOrder means sprite is drawn on top [OK]

Common Mistakes:

• Thinking lower sortingOrder is on top
• Confusing sorting layer with sorting order
• Assuming sorting order has no effect

4. You set two sprites to the same sorting layer and sorting order, but one still appears behind the other unexpectedly. What is a likely cause?

medium

A. The sprite behind has a higher Z position in 3D space

B. Sorting layers override all other settings

C. Sorting order must be negative to appear on top

D. You must assign different sorting layers to fix this

Solution

1. Step 1: Understand sorting layers and order limits

   Sorting layers and order control 2D visual stacking but Z position can still affect rendering if using 3D or perspective camera.

2. Step 2: Identify cause of unexpected order

   If sorting layers and order are equal, the sprite with lower Z position (closer to camera) appears on top.

3. Final Answer:

   The sprite behind has a higher Z position in 3D space -> Option A

4. Quick Check:

   Z position affects draw order if sorting order is equal [OK]

Hint: Check Z position if sorting order is equal [OK]

Common Mistakes:

• Assuming sorting layers always override Z position
• Thinking sorting order must be negative
• Believing different sorting layers are always required

5. You have three sprites: spriteX on sorting layer "Background" order 0, spriteY on sorting layer "Foreground" order 0, and spriteZ on sorting layer "Background" order 5.
Which sprite will appear on top visually?

hard

A. spriteZ will appear on top

B. spriteY will appear on top

C. spriteX will appear on top

D. spriteX and spriteY will appear on top together

Solution

1. Step 1: Understand sorting layer priority

   Sorting layers have a fixed order set in Unity's editor. "Foreground" layer is above "Background" layer regardless of sortingOrder values.

2. Step 2: Compare sprites across layers and orders

   spriteY is on "Foreground" layer order 0, which is above both spriteX and spriteZ on "Background" layer, even though spriteZ has order 5.

3. Final Answer:

   spriteY will appear on top -> Option B

4. Quick Check:

   Sorting layer priority beats sorting order [OK]

Hint: Sorting layer priority beats sorting order [OK]

Common Mistakes:

• Thinking sorting order overrides sorting layer
• Ignoring sorting layer hierarchy
• Assuming higher order always means on top