Calling all Unreal enthusiasts… help Kippy Escape!

Published Sep 28 2020 11:00 AM 1,114 Views
Microsoft

 

Kippy the robot wakes up to find itself stranded on an island... and it's up to you to solve a series of puzzles and help it find a path to its rocket ship! Kippy's Escape is a new open source sample app for HoloLens 2, built with Unreal Engine 4 and Mixed Reality UX Tools for Unreal. It's now available for download from the Microsoft Store; once you've played through, you also can check out the repository from GitHub and dig into how it was made.

 

HighresScreenshot00006_1.jpg

 

We built Kippy's Escape to highlight Unreal Engine's HoloLens 2 support, the HoloLens 2's capabilities, and the UX components provided out-of-the-box by the Mixed Reality Toolkit. We wanted to inspire developers to imagine what they could create with Unreal and HoloLens 2. As such, we came up with three guiding principles for the experience: that it needed to be fun, interactive, and have a low barrier to entry. We wanted the experience to be intuitive enough that even a first-time mixed reality user wouldn't need a tutorial to go through it.

 

Key HoloLens 2 features helped make the game feel fun. Eye tracking allowed us to fire off material and sound attributes, highlighting key pieces of the game without being too distracting or overwhelming. Spatial audio helped make the levels feel at home in the player's surroundings. Being able to grab objects, push buttons and manipulate sliders engages the player in such innovative ways, it was important to make sure these connection points felt natural.

 

The Mixed Reality UX Tools plugin provided us with a set of extensible components to make the game interactive. Hand interaction actors enable both direct and far manipulation of holograms out-of-the-box. At the start of Kippy's Escape, the user is given the opportunity to set the location of the game. Hand beams extending from the user's palm make it easy to manipulate large holograms that are far away, like the placeholder scene. The scene is able to be dragged and rotated using UX Tools' bounds control component. On the second island, the user must pick up gems with manipulators attached and place them in their matching slots. A slider component appears on the fourth island, triggering the final bridge to be raised.

 

HighresScreenshot00050.jpg

 

We hope you enjoy Kippy's Escape, and better yet, that it inspires you to re-use and even build off the experience. We would love to see posts of your reactions to Kippy's Escape, and even any spin-offs from the experience, on social media- that's why we've open sourced it!

 

HighresScreenshot00028.jpg

 

For the full story of how Kippy's Escape was made, check out this article.

%3CLINGO-SUB%20id%3D%22lingo-sub-1699552%22%20slang%3D%22en-US%22%3ECalling%20all%20Unreal%20enthusiasts%E2%80%A6%20help%20Kippy%20Escape!%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1699552%22%20slang%3D%22en-US%22%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EKippy%20the%20robot%20wakes%20up%20to%20find%20itself%20stranded%20on%20an%20island...%20and%20it's%20up%20to%20you%20to%20solve%20a%20series%20of%20puzzles%20and%20help%20it%20find%20a%20path%20to%20its%20rocket%20ship!%20Kippy's%20Escape%20is%20a%20new%20open%20source%20sample%20app%20for%20HoloLens%202%2C%20built%20with%20Unreal%20Engine%204%20and%20Mixed%20Reality%20UX%20Tools%20for%20Unreal.%20It's%20now%20available%20for%20%3CA%20href%3D%22https%3A%2F%2Fwww.microsoft.com%2Fp%2Fkippys-escape%2F9nbd7gl86vkd%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Edownload%3C%2FA%3E%20from%20the%20Microsoft%20Store%3B%20once%20you've%20played%20through%2C%20you%20also%20can%20check%20out%20the%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fmicrosoft%2FMixedReality-Unreal-KippysEscape%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Erepository%3C%2FA%3E%20from%20GitHub%20and%20dig%20into%20how%20it%20was%20made.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22HighresScreenshot00006_1.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F221127i2DC93C127D9D4A74%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22HighresScreenshot00006_1.jpg%22%20alt%3D%22HighresScreenshot00006_1.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWe%20built%20Kippy's%20Escape%20to%20highlight%20Unreal%20Engine's%20HoloLens%202%20support%2C%20the%20HoloLens%202's%20capabilities%2C%20and%20the%20UX%20components%20provided%20out-of-the-box%20by%20the%20Mixed%20Reality%20Toolkit.%20We%20wanted%20to%20inspire%20developers%20to%20imagine%20what%20they%20could%20create%20with%20Unreal%20and%20HoloLens%202.%20As%20such%2C%20we%20came%20up%20with%20three%20guiding%20principles%20for%20the%20experience%3A%20that%20it%20needed%20to%20be%20fun%2C%20interactive%2C%20and%20have%20a%20low%20barrier%20to%20entry.%20We%20wanted%20the%20experience%20to%20be%20intuitive%20enough%20that%20even%20a%20first-time%20mixed%20reality%20user%20wouldn't%20need%20a%20tutorial%20to%20go%20through%20it.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EKey%20HoloLens%202%20features%20helped%20make%20the%20game%20%3CEM%3Efeel%3C%2FEM%3E%20fun.%20Eye%20tracking%20allowed%20us%20to%20fire%20off%20material%20and%20sound%20attributes%2C%20highlighting%20key%20pieces%20of%20the%20game%20without%20being%20too%20distracting%20or%20overwhelming.%20Spatial%20audio%20helped%20make%20the%20levels%20feel%20at%20home%20in%20the%20player's%20surroundings.%20Being%20able%20to%20grab%20objects%2C%20push%20buttons%20and%20manipulate%20sliders%20engages%20the%20player%20in%20such%20innovative%20ways%2C%20it%20was%20important%20to%20make%20sure%20these%20connection%20points%20felt%20natural.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EThe%20%3CA%20href%3D%22https%3A%2F%2Faka.ms%2Fuxt-unreal%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3EMixed%20Reality%20UX%20Tools%20plugin%3C%2FA%3E%20provided%20us%20with%20a%20set%20of%20extensible%20components%20to%20make%20the%20game%20interactive.%20%3CA%20href%3D%22https%3A%2F%2Fmicrosoft.github.io%2FMixedReality-UXTools-Unreal%2Fversion%2Fpublic%2F0.9.x%2FDocs%2FHandInteraction.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3EHand%20interaction%20actors%3C%2FA%3E%20enable%20both%20direct%20and%20far%20manipulation%20of%20holograms%20out-of-the-box.%20At%20the%20start%20of%20Kippy's%20Escape%2C%20the%20user%20is%20given%20the%20opportunity%20to%20set%20the%20location%20of%20the%20game.%20Hand%20beams%20extending%20from%20the%20user's%20palm%20make%20it%20easy%20to%20manipulate%20large%20holograms%20that%20are%20far%20away%2C%20like%20the%20placeholder%20scene.%20The%20scene%20is%20able%20to%20be%20dragged%20and%20rotated%20using%20UX%20Tools'%20%3CA%20href%3D%22https%3A%2F%2Fmicrosoft.github.io%2FMixedReality-UXTools-Unreal%2Fversion%2Fpublic%2F0.9.x%2FDocs%2FBoundsControl.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Ebounds%20control%3C%2FA%3E%20component.%20On%20the%20second%20island%2C%20the%20user%20must%20pick%20up%20gems%20with%20%3CA%20href%3D%22https%3A%2F%2Fmicrosoft.github.io%2FMixedReality-UXTools-Unreal%2Fversion%2Fpublic%2F0.9.x%2FDocs%2FManipulator.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Emanipulators%3C%2FA%3E%20attached%20and%20place%20them%20in%20their%20matching%20slots.%20A%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fmicrosoft.github.io%2FMixedReality-UXTools-Unreal%2Fversion%2Fpublic%2F0.9.x%2FDocs%2FPinchSlider.html%22%20target%3D%22_blank%22%20rel%3D%22noopener%20nofollow%20noreferrer%22%3Eslider%3C%2FA%3E%20component%20appears%20on%20the%20fourth%20island%2C%20triggering%20the%20final%20bridge%20to%20be%20raised.%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22HighresScreenshot00050.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F221125iD8F078F28ADCA665%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22HighresScreenshot00050.jpg%22%20alt%3D%22HighresScreenshot00050.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EWe%20hope%20you%20enjoy%20Kippy's%20Escape%2C%20and%20better%20yet%2C%20that%20it%20inspires%20you%20to%20re-use%20and%20even%20build%20off%20the%20experience.%20We%20would%20love%20to%20see%20posts%20of%20your%20reactions%20to%20Kippy's%20Escape%2C%20and%20even%20any%20spin-offs%20from%20the%20experience%2C%20on%20social%20media-%20that's%20why%20we've%20open%20sourced%20it!%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22HighresScreenshot00028.jpg%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F221126i5E0200F8AD40F6DC%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22HighresScreenshot00028.jpg%22%20alt%3D%22HighresScreenshot00028.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EFor%20the%20full%20story%20of%20how%20Kippy's%20Escape%20was%20made%2C%20check%20out%20this%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fwindows%2Fmixed-reality%2Funreal-kippys-escape%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%22%3Earticle%3C%2FA%3E.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-1699552%22%20slang%3D%22en-US%22%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%0A%3CP%3EKippy%20the%20robot%20wakes%20up%20to%20find%20itself%20stranded%20on%20an%20island%E2%80%A6%20and%20it%E2%80%99s%20up%20to%20you%20to%20solve%20a%20series%20of%20puzzles%20and%20help%20it%20find%20a%20path%20to%20its%20rocket%20ship!%20Kippy%E2%80%99s%20Escape%20is%20a%20new%20open%20source%20sample%20app%20for%20HoloLens%202%2C%20built%20with%20Unreal%20Engine%204%20and%20Mixed%20Reality%20UX%20Tools%20for%20Unreal.%20It%E2%80%99s%20now%20available%20for%20%3CA%20href%3D%22https%3A%2F%2Fwww.microsoft.com%2Fp%2Fkippys-escape%2F9nbd7gl86vkd%22%20rel%3D%22noopener%20noreferrer%22%20target%3D%22_blank%22%3Edownload%3C%2FA%3E%20from%20the%20Microsoft%20Store%3B%20once%20you%E2%80%99ve%20played%20through%2C%20you%20also%20can%20check%20out%20the%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fmicrosoft%2FMixedReality-Unreal-KippysEscape%22%20rel%3D%22noopener%20noreferrer%22%20target%3D%22_blank%22%3Erepository%3C%2FA%3E%20from%20GitHub%20and%20dig%20into%20how%20it%20was%20made.%3C%2FP%3E%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1699552%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EHoloLens%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Developers%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMRTK%20Unreal%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EUnreal%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Version history
Last update:
‎Sep 28 2020 10:52 AM
Updated by: