핵심 정리

Inspector 설정

Render Mode

Screen Space - Overlay는 가장 단순하고 빠른 HUD에 적합합니다. Screen Space - Camera는 특정 카메라와 깊이 관계를 맞춰야 하는 UI, 포스트 프로세싱과 같이 보이는 UI에 자주 씁니다. World Space는 3D 오브젝트처럼 씬 안에 떠 있는 체력바, 상호작용 패널에 적합합니다.

Render Mode를 잘못 고르면 UI는 보이는데 클릭이 안 되거나, 카메라 연출과 깊이 관계가 어색해질 수 있습니다.

Render Camera, Plane Distance, Sorting

Screen Space - Camera와 World Space에서는 어떤 카메라를 기준으로 그릴지 명확해야 합니다. Plane Distance는 카메라 앞 어느 깊이에 둘지를 정합니다. Sorting Layer와 Order in Layer는 여러 Canvas 사이의 앞뒤 순서를 결정합니다.

팝업, 토스트, 전투 HUD를 한 Canvas에 다 몰아넣으면 정렬만이 아니라 rebuild 비용까지 함께 커집니다. 앞뒤 순서가 자주 바뀌는 UI는 별도 Canvas로 쪼개는 편이 관리가 쉽습니다.

Pixel Perfect, Target Display, Additional Shader Channels

Pixel Perfect는 픽셀 기반 UI에서 흐림을 줄이는 데 도움 되지만, 모든 프로젝트에 무조건 필요한 값은 아닙니다. Target Display는 멀티 디스플레이 프로젝트에서만 의미가 큽니다.

Additional Shader Channels는 커스텀 UI 셰이더나 특수 정점 정보가 필요할 때만 건드립니다. 이유 없이 올리면 데이터를 더 많이 밀어 성능에 불리할 수 있습니다.

스크립트 연결

Canvas는 자주 켜고 끄는 대상이라기보다, 모드와 카메라를 한 번 정하고 하위 그래픽만 바꾸는 경우가 많습니다.

using UnityEngine;

public class WorldUiCanvasBinder : MonoBehaviour
{
    [SerializeField] private Canvas canvas;
    [SerializeField] private Camera targetCamera;

    private void Awake()
    {
        canvas.renderMode = RenderMode.WorldSpace;
        canvas.worldCamera = targetCamera;
    }
}

레이아웃 강제 갱신은 ForceUpdateCanvases, 표시 전환은 enabled나 상위 GameObject 활성화가 흔한 연결 지점입니다.

자주 틀리는 부분

• Overlay와 Camera 모드를 혼동해 카메라 기반 UI가 깊이와 후처리에서 어색해질 수 있습니다.
• 정렬이 자주 바뀌는 UI를 한 Canvas에 몰아넣으면 rebuild 비용과 디버깅 난이도가 같이 올라갑니다.
• World Space Canvas인데 worldCamera와 스케일 기준을 안 맞추면 화면에서 너무 크거나 작게 보입니다.
• 클릭 문제가 생기면 Canvas보다 GraphicRaycaster, Raycast Target, EventSystem까지 같이 봐야 합니다.

관련 컴포넌트

Button, Image, TextMeshPro, RectTransform, anchor, pivot, Canvas Scaler, Graphic Raycaster와 Raycast Target