키피의 탈출의 제작

Kippy의 탈출 영웅 이미지

Kippy 로봇은 섬에 좌초 자신을 발견하기 위해 깨어났다. 그것은 그것의 로켓 선박에 다시 경로를 찾을 수 있도록 문제 해결 모자에 넣어 당신에게 달려 있습니다! HoloLens 2에 끈을 묶고 Microsoft Store에서 앱을 다운로드하거나 GitHub에서 리포지토리를 복제하고 Kippy 홈을 안전하게 보호하세요!

Important

GitHub 리포지토리에서 Kippy의 이스케이프를 빌드하는 경우 Unreal Engine 4.25 이상을 사용하고 있는지 확인합니다.

Kippy의 이스케이프는 Unreal Engine 4 및 Unreal용 혼합 현실 UX 도구로 빌드된 오픈 소스 HoloLens 2 샘플 앱입니다. 이 게시물에서는 첫 번째 원칙과 시각적 디자인에서 환경 구현 및 최적화에 이르기까지 프로세스를 안내합니다. Unreal 개발 개요에서 MRTK UX Tools를 사용하여 Mixed Reality 애플리케이션을 개발하는 방법에 대한 자세한 내용을 확인할 수 있습니다.

HoloLens 2의 Microsoft Store에서 앱 다운로드

HoloLens 2 디바이스가 있는 경우 디바이스에 앱을 직접 다운로드하여 설치할 수 있습니다.

영어 배지

첫 번째 원칙

Kippy의 이스케이프를 만들기 위해, 우리의 목표는 Unreal Engine의 HoloLens 2 지원, HoloLens 2의 기능 및 혼합 현실 도구 키트를 강조하는 환경을 만드는 것이었습니다. 개발자가 Unreal 및 HoloLens 2를 사용하여 만들 수 있는 것을 상상하도록 영감을 주고 싶었습니다.

우리는 경험에 대한 세 가지 지침 원칙을 마련했습니다: 재미있고, 대화형이며, 진입 장벽이 낮아야 한다는 것입니다. 처음 혼합 현실 사용자도 이 환경을 진행하는 데 자습서가 필요하지 않을 정도로 직관적인 환경을 원했습니다.

게임 디자인

HoloLens 2는 오늘날 게임에서 다른 곳에서는 찾을 수 없는 디자인 기능에 액세스할 수 있습니다. 손을 사용하여 개체를 직접 밀거나 조작하거나 시선 추적을 사용하여 대상으로 지정할 수 있습니다. 이러한 주요 기능은 우리가 Kippy의 탈출에서 구축 한 재미있는 순간의 일부 뒤에 있습니다.

고유한 HoloLens 2 기능을 게임 디자인에 대한 지침으로 사용하여 몇 가지 작은 환경 시나리오의 범위를 지정했습니다. 섬은 다른 플레이어 높이에 맞게 조정할 수 있고 재미있는 다리 아이디어를 제공했기 때문에 의미가 있습니다. 우리는 고대 문명의 주제에 착륙 공상 과학 기술을 충족, 누군가가 각 섬에서 제공하는 이상한 에너지를 활용 유적 위에 기계를 구축했다는 생각. 섬은 각각 자신의 모양과 느낌을 부여했다, 시각적 인 관심을 만드는 데 도움이 세부 사항. 모델링과 텍스처링 간의 균형을 잘 맞추면 렌더링 성능을 위해 그리기 호출이 낮게 유지되므로 스타일이 지정된 모양이 이를 염두에 두고 디자인되었습니다.

초기 게임 디자인 스케치경험이 어떻게 생겼는지에 대한 몇 가지 초기 스케치

두 번째 섬의 렌더링두 번째 섬의 렌더링

짧은 제작 일정을 유지하기 위해 부동 캐릭터는 엄격한 애니메이션 주기 없이 의도와 감정을 포착할 수 있다는 데 동의했습니다. 그래서 키피가 태어났습니다! 그것은 경험을 통해 플레이어를 안내하는 데 도움이 눈과 최소한의 보컬 사운드 효과를 통해 몇 가지 다른 표현을 표현한다.

눈을 통해 다른 표정을 보여주는 Kippy

눈을 통해 다른 표정을 보여주는 Kippy

사용자가 퍼즐을 해결하는 데 너무 오래 걸리는 경우 Kippy는 사용자에게 힌트를 제공합니다.

사용자가 퍼즐을 해결하는 데 너무 오래 걸리는 경우 Kippy는 사용자에게 힌트를 제공합니다.

캐릭터와 환경 디자인 외에도 게임을 재미있게 만들기 위해 공동으로 노력했습니다. 시선 추적을 통해 게임의 주요 부분을 강조한 재료와 사운드 특성을 발사할 수 있습니다. 공간 오디오는 플레이어의 환경에서 집에서 레벨을 느끼게하는 데 도움이되었습니다. 개체를 잡고, 단추를 누르고, 슬라이더를 조작할 수 있다는 것은 혁신적인 플레이어 참여를 유도합니다. 이러한 연결점이 자연스럽게 느껴지도록 하는 것이 중요했습니다.

브리지 케이블의 끝은 사용자의 손이 접근할 때 빛납니다.

브리지 케이블의 끝은 사용자의 손이 접근할 때 빛납니다.

게임 메커니즘 빌드

Kippy의 이스케이프는 혼합 현실 UX 도구 구성 요소에 크게 의존하여 손 조작 행위자, 경계 컨트롤, 조작자, 슬라이더 및 단추와 같은 게임을 대화형으로 만듭니다.

손 조작 행위자를 사용하면 홀로그램을 직접 조작하고 멀리 조작할 수 있습니다. Kippy의 이스케이프가 시작될 때 사용자에게 게임의 위치를 설정할 수 있는 기회가 제공됩니다. 사용자의 손바닥에서 확장하는 손 빔을 사용하면 아래 GIF에서 볼 수 있듯이 멀리 떨어진 큰 홀로그램을 쉽게 조작할 수 있습니다.

손 조작 행위자 gif

자리 표시자 장면 자체는 UX 도구의 경계 컨트롤 구성 요소를 사용하여 끌어서 회전할 수 있습니다.

두 번째 섬에서 사용자는 보석을 집어 일치하는 슬롯에 배치해야합니다. 보석에는 사용자가 이를 집어 들고 놓을 수 있도록 조작자가 연결되어 있습니다.

조작자 예제 gif

누를 수 있는 버튼은 세 번째 섬에서 사용할 폭탄을 가져오는 열쇠입니다.

누를 수 있는 단추 예제 gif

네 번째 섬에 슬라이더 구성 요소가 표시되어 마지막 브리지가 발생합니다.

슬라이더 구성 요소 예제 gif

HoloLens 2 최적화

모바일 디바이스에서 실행되도록 빌드된 모든 환경에서는 성능을 주시하는 것이 중요합니다. Unreal 4.25에는 모바일 다중 보기를 지원하는 주요 업데이트가 포함되어 렌더링 오버헤드를 크게 줄이고 프레임 속도를 높입니다. 최적화할 때 Unreal을 사용하여 HoloLens 2 개발에 권장되는 다른 성능 설정을 검사 것이 좋습니다.

물리학 개체는 여전히 성능에 비용이 많이 들기 기본 몇 가지 영리한 해결 방법이 사용되었습니다. 예를 들어, 세 번째 "다리"는 계단을 차단하는 일부 파편을 날려 버릴 필요가 있습니다. 충격이 돌에 물리학 물체로 영향을 주는 대신, 폭탄 폭발은 스왑을 트리거하여 폭발하는 입자 효과를 위해 정적 돌을 전환합니다.

HoloLens 2 gif에 최적화된 예제

또한 다음을 통해 400개 이상에서 ~260개까지의 그리기 호출을 줄였습니다.

  • 메시 복잡성 감소
  • 메시 결합
  • 초기 동적 조명 요소 중 일부 제거

더 많은 작업을 수행할 수 있지만 성능과 시각적 품질 간의 균형이 좋다고 느꼈습니다.

기능 직접 사용해 보기

HoloLens 2를 부팅하고 Microsoft Store에서 앱을 다운로드하거나 GitHub에서 리포지토리를 복제하고 직접 앱을 빌드합니다.

팀 정보

잭 캐론의 사진 잭 캐론
잠재 고객 게임 디자이너
Jack은 현재 HoloLens 2 프로젝트를 포함하여 Microsoft용 Mixed Reality 환경에서 작업하고 있으며 이전에 HoloLens 플랫폼 팀의 디자이너였습니다.
여름 우 사진 여름 우
Producer
Summer는 혼합 현실 개발자 플랫폼에서 작업하며 팀의 Unreal Engine 관련 노력을 이끌고 있습니다.

우리가 키피의 탈출에 생명을 불어 넣도록 도와준 Framestore의 친구들에게 특별한 감사드립니다. 캐릭터 개발, 자산 디자인, 게임 프로그래밍에 이르기까지 이 프로젝트에 대한 공동 작업은 매우 중요했습니다.