Unreal의 UMG 및 키보드
UMG(Unreal Motion Graphics)는 메뉴 및 텍스트 상자와 같은 인터페이스를 만드는 데 사용되는 Unreal Engine의 기본 제공 UI 시스템입니다. UMG로 빌드된 사용자 인터페이스는 위젯으로 구성됩니다. 예를 들어 새 위젯을 만들고, 월드 공간에 추가하고, 시스템 키보드를 사용하여 상호 작용을 가능하게 하는 방법을 안내합니다. UMG에 대한 자세한 내용은 공식 Unreal Engine 설명서를 참조하세요.
새 위젯 만들기
- 위젯 청사진을 만들어 게임의 UI를 배치합니다.
- 새 청사진을 열고 팔레트의 구성 요소를 캔버스에 추가합니다. 이 경우 "입력" 섹션에서 두 개의 텍스트 상자 구성 요소를 추가했습니다.
- 계층 또는 Designer 창에서 위젯을 선택하고 세부 정보 패널에서 매개 변수를 수정합니다. 이 경우 텍스트 상자를 마우스로 가리키면 나타나는 몇 가지 기본 "힌트 텍스트"와 색조 색을 추가했습니다. 텍스트 상자는 다음과 상호 작용할 때 HoloLens에 가상 키보드를 팝업합니다.
- 세부 정보 패널에서 이벤트를 구독할 수도 있습니다.
월드 공간에 위젯 추가
- 새 행위자를 만들고 위젯 구성 요소를 추가한 다음 장면에 행위자를 추가합니다.
- 위젯에 대한 세부 정보 패널에서 위젯 클래스 를 이전에 만든 위젯 청사진으로 설정합니다.
- 텍스트 위젯의 경우 가상 키보드에서 텍스트만 업데이트하도록 하드웨어 입력 수신 이 선택 취소되어 있는지 확인합니다.
위젯 상호 작용
UMG 위젯은 일반적으로 마우스에서 입력을 받습니다. HoloLens 또는 VR에서는 위젯 상호 작용 구성 요소를 사용하여 마우스를 시뮬레이션하여 동일한 이벤트를 가져와야 합니다.
- 새 행위자를 만들고 위젯 상호 작용 구성 요소를 추가한 다음 장면에 행위자를 추가합니다.
- 위젯 상호 작용 구성 요소의 세부 정보 패널에서 다음을 수행합니다.
- 상호 작용 거리를 원하는 거리 값으로 설정합니다.
- 상호 작용 원본을 사용자 지정으로 설정
- 개발의 경우 디버그 표시 를 true로 설정합니다.
상호 작용 원본의 기본값은 위젯 상호 작용 구성 요소의 월드 위치에 따라 광선 캐스트를 보내야 하는 "World"입니다. AR과 VR에서는 그렇지 않습니다. 위젯 상호 작용 구성 요소가 예상한 작업을 수행하는 검사 "디버그 표시"를 사용하도록 설정하고 위젯에 가리키기 색조를 추가하는 것이 중요합니다. 해결 방법은 사용자 지정 원본을 사용하고 손 광선에서 이벤트 그래프의 광선 캐스트를 설정하는 것입니다.
여기서는 Event Tick에서 이를 호출합니다.
그런 다음, HoloLens 입력에 반응하는 위젯 상호 작용 구성 요소에 가상 마우스 포인터 이벤트를 추가합니다. 이 경우 손을 잡을 때 왼쪽 마우스 누름 이벤트를 보내고, 마우스 왼쪽 단추를 눌렀을 때는 왼쪽 마우스 놓기 이벤트를 보냅니다.
이제 앱을 HoloLens 2 배포하면 오른손에서 손을 뻗는 광선이 표시됩니다. 편집 가능한 텍스트 상자와 에어 탭 중 하나에서 직접 지정하면 시스템 키보드가 사용자 앞에 표시되고 텍스트를 입력할 수 있습니다.
참고
HoloLens 시스템 키보드에는 Unreal Engine 4.26 이상이 필요합니다. 또한 앱이 Unreal 편집기에서 헤드셋으로 스트리밍되는 경우 앱이 디바이스에서 실행되는 경우에만 키보드가 표시되지 않습니다.