브랜드 유저 인터페이스(User Interface, UI)로 오징어 게임 섬의 분위기를 설정할 수 있습니다. 미니게임 마스터 및 소셜 디덕션 템플릿에는 모두 커스텀 UI가 있습니다.
UI 에셋 액세스
UI 에셋은 UEFN의 콘텐츠 드로어(Content Drawer) > All > 오징어 게임(Squid Game) > UI 폴더에서 사용할 수 있습니다.
UI 폴더에는 언리얼 모션 그래픽(Unreal Motion Graphics, UMG) 사용자 위젯에서 엘리먼트를 생성하기 위해 구성하는 머티리얼 인스턴스, 텍스처, 일반 머티리얼이 포함되어 있습니다.
UI 폴더의 파일을 프로젝트 폴더로 복사할 수 없습니다. 사용하려면 파일을 참조해야 합니다.
아래 표에는 Widgets 폴더에 제공된 UMG 위젯이 설명되어 있습니다.
| 위젯 | 설명 |
|---|---|
UW HUD EquippedInfo Block | 선택된 아이템의 엘리먼트입니다. 해당되는 경우 탄약이 포함됩니다. |
UW HUD PlayersInfoStack | 플레이어와 팀원의 정보를 결합하며, 다음 위젯을 레퍼런스합니다.
|
UW HUD QuickbarSlot | 인벤토리 UI의 엘리먼트 디자인입니다. |
체력 및 선택된 아이템 UI 구성
섬에 UI를 추가하려면 다음 단계를 따릅니다.
콘텐츠 드로어에서 HUD 컨트롤러(HUD Controller) 장치를 찾아 장치를 섬으로 드래그합니다.
콘텐츠 드로어 > All > 오징어 게임 > UI > Widgets으로 이동합니다.
장치가 하이라이트된 상태에서 UW HUD PlayersInfoStack을 선택합니다.
디테일(Details) 패널의 사용자 옵션(User Options)에서 고급(Advanced)을 클릭하고 플레이어 정보 위젯 오버라이드(Player Info Widget Override)로 스크롤을 내립니다.
화살표 아이콘을 클릭하여 선택된 위젯을 추가합니다.
Widgets 폴더에서 UW HUD EquippedInfoBlock을 선택합니다.
디테일 패널에서 장착한 아이템 정보 위젯 오버라이드(Equipped Item Info Widget Override)로 스크롤하고 화살표 아이콘을 클릭하여 선택한 위젯을 추가합니다.
저장(Save)을 클릭합니다.
이제 위젯이 플레이 모드에서 화면의 오른쪽 하단에 나타나야 합니다. 텍스트 채팅(Text Chat)이 플레이어 체력 UI 위에 잠깐 표시됩니다. 텍스트 채팅을 이동하려면 다음 단계를 따라 위치를 조정하면 됩니다.
HUD 컨트롤러 장치를 클릭하고 디테일(Details) 패널로 이동합니다.
텍스트 채팅 레이아웃 변경(Modify Text Chat Layout)으로 스크롤하고 체크 박스를 클릭합니다.
정렬(Alignment) 드롭다운에서 중앙 우측(Middle Right)을 클릭합니다.
앵커(Anchor) 드롭다운에서 중앙 오른쪽(Center Right)을 클릭합니다.
저장(Save)을 클릭합니다.
이제 텍스트 채팅이 중앙 오른쪽에 나타나 커스텀 UI를 위한 공간이 확보됩니다.
보호막 바는 기본적으로 비어 있습니다. 게임에 보호막을 배치하여 UI가 어떻게 보이는지 확인할 수 있습니다. 커스텀 UI는 스태미나를 지원하지 않습니다.
커스텀 인벤토리 바 추가
퀵바 슬롯의 디자인을 업데이트하여 UI 룩을 완성하세요.
섬에 UI를 추가하려면 다음 단계를 따릅니다.
HUD 컨트롤러 장치를 클릭합니다.
콘텐츠 드로어 > 오징어 게임 > UI > Widgets으로 이동합니다.
장치가 하이라이트된 상태에서 UW HUD QuickbarSlot을 선택합니다.
디테일 패널의 사용자 옵션에서 고급을 클릭하고 퀵바 슬롯 위젯 오버라이드 클래스로 스크롤을 내립니다.
오른쪽의 화살표 아이콘을 클릭하여 선택한 위젯을 추가합니다.
저장(Save)을 클릭합니다.
장치 옵션에 대해 자세히 알아보려면 HUD 컨트롤러 장치를 참고하세요. 나만의 커스텀 UI를 만들려면 위 단계와 유사하게 위젯을 생성하여 장치에 연결해야 합니다. 자세히 알아보려면 게임 내 유저 인터페이스를 참고하세요.
다양한 UI 기능 예시를 통해 에디터 내에서 추가 연습을 하려면 유저 인터페이스 기능 템플릿을 확인하세요.
에디터에서 템플릿에 액세스하려면 다음 단계를 따릅니다.
파일(File) > 새 프로젝트/프로젝트 열기(New/Open Project)를 클릭합니다. 프로젝트 브라우저(Project Browser)가 열립니다.
기능 예시(Feature Example) > 유저 인터페이스(User Interfaces)를 클릭합니다.
새 프로젝트를 생성합니다.
익명 게임플레이 만들기
속임과 배신을 부추기기 위해 HUD를 조정하여 섬에 익명성을 더해 보세요. 다음은 HUD 조정의 예시입니다.