**게임 내 유저 인터페이스(User Interface, UI)** 는 게임 진행 중의 사용자 상호작용을 위해 커스터마이징할 수 있는 인터페이스입니다. 커스텀 UI는 플레이어별로만 추가될 수 있습니다. 특정 플레이어와 연결된 커스텀 UI는 해당 플레이어만 볼 수 있습니다.
포트나이트 언리얼 에디터(Unreal Editor for Fortnite, UEFN)에서 커스텀 UI는 다음과 같이 상호 연결된 두 가지 방식으로 개발됩니다.
백엔드 디자인 - 이는 플레이어 데이터를 추적하고, 상호작용 가능한 엘리먼트의 행동을 커스터마이징하고, UI 엘리먼트(위젯)를 중첩하여 계층형 레이아웃을 만드는 Verse UI API와 Verse 코드를 말합니다.
프론트엔드 디자인 - 이는 게임 내 UI 엘리먼트의 디자인과 스타일뿐만 아니라 HUD 내 모든 UI 엘리먼트의 배치를 말합니다.
모든 UI 엘리먼트는 언리얼 모션 그래픽(UMG) 위젯을 사용하여 생성 및 제작됩니다. 아래의 튜토리얼에서는 Verse로 로직을 생성하여 위젯 기능에 추가하고, UMG 위젯으로 UI 엘리먼트를 생성하고 UI 레이아웃을 계획합니다.
포트나이트 기본 HUD 제거 및 제어하기
포트나이트에서 기본적으로 사용 가능한 HUD를 커스터마이징하거나 제거하는 방법을 살펴봅니다.
UI 위젯 에디터
언리얼 모션 그래픽(UMG) UI 위젯 에디터의 여러 부분에 대해 알아봅니다.
User Interfaces Feature Template
Learn how to create a custom UI by exploring Creative devices, widgets, and material functions.
UMG UI 레이아웃
UMG를 이용해 UI 디자인 레이아웃을 만드는 방법을 알아봅니다.
위젯 타입
커스텀 UI에 추가할 수 있는 모든 위젯에 대한 레퍼런스입니다.
머티리얼 인스턴스로 커스텀 UI 제작하기
커스텀 룩 및 UI 디자인을 위해 UMG 위젯에서 머티리얼 인스턴스를 생성 및 사용하는 방법을 알아봅니다.
UI에 애니메이션 적용하기
시퀀서를 활용해 UI 위젯에 애니메이션을 적용합니다.
커스텀 HUD 만들기
이름표, 체력 및 보호막 표시기 디자인하기에 대해 자세히 알아보고 나만의 커스텀 헤드업 디스플레이를 제작해 봅니다.
UMG에서 뷰모델 사용하기
뷰모델을 사용하여 커스텀 UI를 생성하는 방법을 알아봅니다.
커스텀 카운트다운 타이머 만들기
Verse에서 카운트다운 타이머를 직접 만들어 보세요!
Making an Animated Timer
Learn how to animate your own custom Timer clock with UMG.
타이틀 시퀀스 만들기
카메라 장치와 Verse를 사용하여 게임 시작 전에 재생되는 커스텀 인트로 시퀀스를 만듭니다.
맵 컨트롤러 장치가 있는 미니맵 만들기
맵 컨트롤러 장치를 사용하여 커스텀 미니맵을 제작하고 표시합니다.
UI 팝업
UMG 위젯으로 HUD 메시지 장치 또는 버튼을 통해 아이템을 지급하는 팝업 메뉴를 사용하는 퀘스트를 위한 고유 메시지를 디자인할 수 있습니다.
커스텀 스킬 판정 상호작용 생성하기
뷰 바인딩을 사용해 커스텀 UI를 스킬 판정 상호작용 장치와 연결합니다.
Mission Selection Screen
Learn how to create a mission selection screen that drops players into their mission.
Verse로 UI 생성하기
Verse를 활용해 커스텀 UI를 생성합니다.