Chapter 7

UI 기초

---

게임 내에서 버튼, 텍스트, 이미지 등의 사용자 인터페이스 요소를 제작하는 데 사용된다.

주요 구성요소

• Canvas : 모든 UI 요소가 배치되는 부모 오브젝트
• RectTransform : UI 요소의 위치, 크기, 정렬을 담당하는 트랜스폼 컴포넌트
• CanvasScaler : 해상도에 따라 UI 크기를 조절하는 기능
• GraphicRaycaster : UI 요소와 사용자 입력 간의 상호작용을 처리

주요 UI 컴포넌트

기본 UI 요소

• Text(TextMeshPro): 텍스트를 출력하는 컴포넌트 (TextMeshPro 사용 권장)

• Image: UI 내에서 이미지 표시

• Button: 클릭 가능한 버튼

• Toggle: 체크 가능한 토글 버튼

• Slider: 값 조절을 위한 슬라이더

• Scrollbar: 스크롤을 위한 바

• Dropdown: 여러 옵션을 선택할 수 있는 드롭다운 메뉴

• Input Field: 사용자 입력을 받을 수 있는 필드

레이아웃 및 컨트롤

• Panel: UI 요소들을 그룹화하는 컨테이너

• Scroll View: 스크롤 가능한 UI 컨테이너

• Layout Group

  • Horizontal Layout Group: 가로 방향 자동 정렬

  • Vertical Layout Group: 세로 방향 자동 정렬

  • Grid Layout Group: 그리드 형태 정렬

---

• UI는 3D 세상에서 보는 것 보다 2D 세상에서 보는 것이 편하다.

• UI는 Rect Transform으로 좌표를 관리한다.

  • T를 사용하여 Rect Transform 툴을 사용할 수 있다.
    • 이것으로 회전, 이동, 스케일을 전부 관리할 수 있다.
      • 회전은 모서리에 커서를 가져다대면 커서 옆에 회전할 수 있다는 기호가 나오는데 그때 클릭 후 회전시키면 된다.
      • 스케일은 그냥 늘리면 되는데, shift를 누르고 늘리면 비율이 유지된 채로 스케일을 조절할 수 있다.

• 중앙의 파란 점은 Pivot -> 중심 좌표

  • 이것을 중심으로 회전을 한다.

• Anchor -> 원점 좌표 위치

• UI는 원근법이 적용되지 않는다.