Sorting layers and order in Unity - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to set the sorting layer of a SpriteRenderer to "Foreground".

Unity

spriteRenderer.sortingLayerName = "[1]";

Drag options to blanks, or click blank then click option'

AForeground

BBackground

CDefault

DUI

Attempts:

3 left

💡 Hint

Common Mistakes

Using a sorting layer name that does not exist in the project.

Confusing sortingLayerName with sortingOrder.

Setting sortingLayerName to "Foreground" places the sprite on that layer.

2fill in blank

medium

Complete the code to set the sorting order of a SpriteRenderer to 5.

Unity

spriteRenderer.[1] = 5;

Drag options to blanks, or click blank then click option'

Alayer

BsortingLayerName

CsortingOrder

DorderInLayer

Attempts:

3 left

💡 Hint

Common Mistakes

Using sortingLayerName instead of sortingOrder.

Using non-existent properties like layer or orderInLayer.

The sortingOrder property controls the order within the sorting layer.

3fill in blank

hard

Fix the error in the code to correctly set the sorting layer to "Background".

Unity

spriteRenderer.[1] = "Background";

Drag options to blanks, or click blank then click option'

AsortingLayer

BsortingLayerID

CsortingOrder

DsortingLayerName

Attempts:

3 left

💡 Hint

Common Mistakes

Using a non-existent property sortingLayer.

Confusing property names for sorting layers.

The property sortingLayer does not exist. Use sortingLayerName to set the layer by name.

4fill in blank

hard

Fill both blanks to create a dictionary mapping sorting layer names to their order values.

Unity

var layerOrders = new Dictionary<string, int> { {"[1]", [2] };

Drag options to blanks, or click blank then click option'

AForeground

BBackground

C0

D5

Attempts:

3 left

💡 Hint

Common Mistakes

Swapping the layer name and order values.

Using incorrect order numbers.

The dictionary maps the sorting layer "Background" to order 0.

5fill in blank

hard

Fill all three blanks to set the sorting layer to "UI", sorting order to 10, and print the values.

Unity

spriteRenderer.[1] = "UI";
int order = spriteRenderer.[2] = [3];
Console.WriteLine($"Layer: {spriteRenderer.sortingLayerName}, Order: {order}");

Drag options to blanks, or click blank then click option'

AsortingLayerName

BsortingOrder

C10

Dlayer

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong property names.

Assigning the order value incorrectly.

Set sortingLayerName to "UI", sortingOrder to 10, then print them.

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