Why Sorting layers and order in Unity? - Purpose & Use Cases

The Big Idea

Discover how a simple layer setting can save hours of frustrating sprite juggling!

The Scenario

Imagine you are creating a 2D game with many characters, backgrounds, and objects. You try to place each sprite manually on the screen so that some appear in front and others behind. You move them around, but sometimes the player ends up hidden behind a tree or a cloud covers the enemy unexpectedly.

The Problem

Manually adjusting the drawing order is slow and confusing. You have to guess which object should be drawn first and constantly rearrange them. It's easy to make mistakes, causing objects to flicker or appear in the wrong order, ruining the game's look and feel.

The Solution

Sorting layers and order let you assign each object a layer and a specific order within that layer. Unity then automatically draws them in the right sequence. This way, you control what appears in front or behind without moving objects around manually.

Before vs After

✗ Before

sprite1.transform.position = new Vector3(0, 0, 0);
sprite2.transform.position = new Vector3(0, 0, 1); // try to put in front

✓ After

sprite1.GetComponent<SpriteRenderer>().sortingLayerName = "Background";
sprite2.GetComponent<SpriteRenderer>().sortingLayerName = "Foreground";
sprite2.GetComponent<SpriteRenderer>().sortingOrder = 5;

What It Enables

It makes layering visuals simple and reliable, so your game looks polished and behaves exactly as you want.

Real Life Example

In a platformer game, the player character should always appear in front of the background but behind the UI. Sorting layers let you set the background layer behind the player layer, and the UI layer on top, so everything displays correctly without extra work.

Key Takeaways

Manually ordering sprites is confusing and error-prone.

Sorting layers and order automate correct drawing sequence.

This keeps your game visuals clear and easy to manage.

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