유저 인터페이스 기능 템플릿은 언리얼 모션 그래픽(Unreal Motion Graphics, UMG)으로 커스텀 유저 인터페이스(UI)를 제작할 때 어떤 작업이 가능한지를 보여줍니다. 이 템플릿은 프로젝트 브라우저(Project Browser) > 기능 예시(Feature Examples) > 프로젝트 템플릿(Project Templates) 섹션에서 찾을 수 있습니다.
이 연계 튜토리얼을 통해 헤드업 디스플레이(Heads Up Display, HUD)에 커스텀 UI를 더해 주는 포크리 장치를 익힐 수 있습니다. 또한 디자인부터 장치 기능까지 UI 위젯을 만드는 방법과 기능 템플릿의 머티리얼, 텍스처, 머티리얼 함수를 사용하여 UI 샘플의 커스텀 룩을 만드는 방법도 알아볼 수 있습니다.
UI 샘플 콘텐츠는 콘텐츠 브라우저(Content Browser) > UI 폴더 > Devices 폴더에 장치별로 패키징되어 있습니다. 각 장치 폴더에는 다음 에셋 폴더가 포함되어 있습니다.
Material Instances - 평면 UI 디자인이나 동적인 디자인을 만드는 데 사용되는 머티리얼과 머티리얼 함수입니다.
Textures - 머티리얼 단독으로는 불가능한, 보다 복잡한 UI 디자인을 만드는 데 사용되는 텍스처입니다.
Widgets - 기본 플레이어 UI를 대체하는 사용자 위젯을 디자인하고 구성합니다.
템플릿은 세 개의 홀로 나뉘어 있으며, 각 홀에는 여러 장치와 UI 예시를 보여주는 일련의 방이 있습니다. 하나의 방에서 다른 방으로 이동할 수 있도록 북마크가 설정되어 있으며, 방에서 다양한 포크리 장치와 장치를 사용해 커스텀 UI를 표시하는 방법을 알아보고 해당 장치를 위해 제작된 UI 샘플을 볼 수 있습니다.
템플릿에서 새로운 방을 선택하려면 다음 키를 누르세요.
1 - Room 1
2 - Room 2
3 - Room 3, Room 5, Room 6
4 - Room 4
1을 눌러 첫 번째 복도에서 Room 1로 이동하여 시작하세요. Room 1에서는 HUD 메시지와 팝업 대화창 장치, 해당 위젯에 대해 알아봅니다. 각 방에 입장하면 장치, UI 등의 샘플을 확인할 수 있습니다. 아래 문서는 이러한 샘플이 구성된 방식과 자신만의 커스텀 UI를 만드는 방법을 이해하는 데 도움이 됩니다.