Canvas and render modes in Unity - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

What is the output of this Canvas render mode check?

Consider this Unity C# code snippet that checks the render mode of a Canvas component. What will be printed to the console?

Unity

using UnityEngine;

public class CanvasCheck : MonoBehaviour {
    public Canvas canvas;

    void Start() {
        if (canvas.renderMode == RenderMode.ScreenSpaceOverlay) {
            Debug.Log("Overlay mode active");
        } else if (canvas.renderMode == RenderMode.ScreenSpaceCamera) {
            Debug.Log("Camera mode active");
        } else {
            Debug.Log("World space mode active");
        }
    }
}

A Overlay mode active

B Camera mode active

C World space mode active

D No output (null reference error)

💡 Hint

The default render mode for a new Canvas in Unity is Screen Space - Overlay.

By default, a Canvas component's renderMode is set to ScreenSpaceOverlay, so the first condition is true and "Overlay mode active" is printed.

🧠 Conceptual

intermediate

Which Canvas render mode allows UI elements to appear in 3D space?

In Unity, which Canvas render mode lets UI elements behave like normal 3D objects in the scene, affected by lights and perspective?

A None of the above

B Screen Space - Camera

C Screen Space - Overlay

D World Space

💡 Hint

Think about which mode places UI in the actual 3D world.

World Space mode places the Canvas as a 3D object in the scene, so UI elements behave like other 3D objects.

🔧 Debug

advanced

Why does this UI not appear when using Screen Space - Camera?

This code sets the Canvas render mode to Screen Space - Camera but the UI is invisible. What is the most likely cause?

Unity

Canvas canvas = GetComponent<Canvas>();
canvas.renderMode = RenderMode.ScreenSpaceCamera;
// No camera assigned to canvas.worldCamera

// UI elements are children of this canvas

A Screen Space - Camera mode does not support UI elements as children.

B The canvas.worldCamera is not assigned, so UI is not rendered.

C The canvas.renderMode must be set to World Space for UI to show.

D The UI elements need a CanvasGroup component to be visible.

💡 Hint

Screen Space - Camera mode requires a camera reference.

When using Screen Space - Camera, the Canvas needs a camera assigned to its worldCamera property to render UI properly.

📝 Syntax

advanced

Which code snippet correctly sets Canvas to World Space mode and positions it?

Choose the correct C# code to set a Canvas to World Space render mode and place it at position (0, 1, 0).

A

canvas.renderMode = RenderMode.WorldSpace;
canvas.position = new Vector3(0, 1, 0);

B

canvas.mode = RenderMode.WorldSpace;
canvas.transform.position = new Vector3(0, 1, 0);

C

canvas.renderMode = RenderMode.WorldSpace;
canvas.transform.position = new Vector3(0, 1, 0);

D

canvas.renderMode = RenderMode.WorldSpace;
canvas.transform.localPosition = new Vector3(0, 1, 0);

💡 Hint

Remember the correct property names for Canvas and Transform.

Canvas has a renderMode property. Transform position is set via transform.position with a Vector3 constructor.

🚀 Application

expert

How many Canvas components can be set to Screen Space - Overlay in a scene without UI overlap issues?

In Unity, if you have multiple Canvas components set to Screen Space - Overlay, how many can you have active simultaneously without UI elements overlapping unexpectedly?

A Multiple Canvas components can be Screen Space - Overlay; their order is controlled by sorting order.

B You cannot have any Canvas set to Screen Space - Overlay if you use World Space canvases.

C Only one Canvas can be Screen Space - Overlay to avoid overlap issues.

D Screen Space - Overlay canvases automatically merge into one, so count is irrelevant.

💡 Hint

Think about how Unity handles multiple overlay canvases and their draw order.

Unity allows multiple Screen Space - Overlay canvases; their draw order depends on the Canvas sorting order property.