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