스크린 에디터

스크린 에디터는 커스텀 스크린을 만드는 시각적 워크스페이스입니다. 스크린 코드로 직접 레이아웃을 구성하지 않고도 게임 인터페이스를 디자인할 수 있습니다.

만들 수 있는 것

• 커스텀 메인 메뉴 및 일시 정지 메뉴
• 스탯, 퀘스트, 상태 정보를 위한 HUD 오버레이
• 인벤토리 및 배낭 스크린
• 캐릭터 상태 패널
• 설정 메뉴 및 특수 옵션 스크린
• 게임 메커니즘을 위한 고유한 인터페이스 스크린

핵심 요소

다음과 같은 공통 인터페이스 요소를 조합할 수 있습니다.

• 텍스트 — 레이블, 타이틀, 안내 문구
• 버튼 — 선택지 및 액션
• 이미지 — 아이콘, 배경, 일러스트레이션
• 바 — 체력, 에너지, 진행도, 호감도
• 그리드 — 아이템 레이아웃 및 메뉴 구조
• 뷰포트 — 스크롤 가능한 영역
• 프레임 — 콘텐츠 그룹화 및 스타일링

INFO

스크린 에디터는 기본 인터페이스로는 부족한 경우에 특히 유용합니다. 게임에 커스텀 시스템이 포함된다면 이곳에서 그 시스템을 지원하는 스크린을 만들 수 있습니다.

사용 방법

1. 도구 영역에서 스크린 에디터를 엽니다.
2. 빈 스크린에서 시작하거나 템플릿을 선택합니다.
3. 요소를 캔버스에 드래그 앤 드롭합니다.
4. 프로퍼티 패널에서 텍스트, 이미지, 여백, 정렬, 동작을 조정합니다.
5. 작업하는 동안 실시간으로 스크린을 프리뷰합니다.
6. 준비가 되면 결과를 스크린 코드로 내보냅니다.

스크린 에디터를 사용하면 좋은 상황

• 기본 디자인 대신 커스텀 메뉴 스타일을 원할 때
• 게임에 인벤토리, 지도, 코덱스, 또는 스탯 스크린이 필요할 때
• 전용 인터페이스가 필요한 특별한 메커니즘을 추가할 때
• 게임에 넣기 전에 시각적으로 UI 아이디어를 프로토타이핑할 때

TIP

먼저 템플릿으로 시작한 뒤 한 부분씩 커스터마이즈하세요. 작고 점진적인 변화가 완성도 있는 스크린을 만드는 가장 쉬운 방법입니다.

도움이 되는 팁

• 먼저 레이아웃을 잡은 뒤 색상과 여백을 다듬으세요.
• 버튼과 스크롤 영역을 초반에 테스트하세요.
• 중요한 액션이 쉽게 눈에 띄도록 배치하세요.
• 스크린 전반에 걸쳐 스타일을 재사용해 UI가 일관된 느낌을 갖도록 하세요.