Teilen über


Die Herstellung von Kippys Flucht

Kippys Escape-Hero-Bild

Kippy der Roboter wacht auf, um sich auf einer Insel zu finden. Es liegt an Ihnen, Ihren Problemlösungshut aufzustellen, um ihm zu helfen, einen Weg zurück zum Raketenschiff zu finden! Schließen Sie Ihre HoloLens 2 an, und laden Sie die App aus dem Microsoft Store herunter, oder klonen Sie das Repository von GitHub, und holen Sie sich Kippy home safe!

Wichtig

Stellen Sie sicher, dass Sie Unreal Engine 4.25 oder höher verwenden, wenn Sie Kippys Escape aus dem GitHub-Repository erstellen.

Kippy es Escape ist eine Open-Source-HoloLens 2-Beispiel-App , die mit Unreal Engine 4 und Mixed Reality UX Tools für Unreal erstellt wurde. In diesem Beitrag führen wir Sie durch unseren Prozess von ersten Prinzipien und visuellem Design bis hin zur Implementierung und Optimierung der Erfahrung. Weitere Informationen zum Entwickeln von Mixed Reality-Anwendungen mit MRTK-UX-Tools finden Sie in der Übersicht über die Unreal-Entwicklung.

Herunterladen der App aus dem Microsoft Store in HoloLens 2

Wenn Sie über HoloLens 2-Geräte verfügen, können Sie die App direkt auf Ihrem Gerät herunterladen und installieren.

Englischer Badge

Erste Prinzipien

Um Kippy es Escape zu erstellen, war unser Ziel, eine Erfahrung zu schaffen, die die HoloLens 2-Unterstützung von Unreal Engine, die Funktionen von HoloLens 2 und das Mixed Reality Toolkit hervorheben würde. Wir wollten Entwickler inspirieren, sich vorzustellen, was sie mit Unreal und HoloLens 2 erstellen könnten.

Wir haben drei Leitprinzipien für die Erfahrung gefunden: dass es Spaß, interaktiv zu sein und einen niedrigen Einstiegshindernis haben. Wir wollten, dass die Erfahrung intuitiv genug ist, dass selbst ein erstmaliger Mixed Reality-Benutzer kein Lernprogramm benötigt, um es zu durchlaufen.

Entwerfen des Spiels

Die HoloLens 2 hat Zugriff auf Designfeatures, die heute nirgendwo sonst im Spiel zu finden sind. Objekte können mithilfe Ihrer Hände oder gezielt mit Eye Tracking direkt verschoben oder bearbeitet werden. Diese wichtigsten Features liegen hinter einigen der lustigen Momente, die wir in Kippy es Escape aufgebaut haben.

Mit den einzigartigen HoloLens 2-Features als Anleitung für unser Spieldesign haben wir einige kleine Umgebungsszenarien eingeführt. Inseln haben Sinn gemacht, da sie für verschiedene Spielerhöhen angepasst werden können und einige unterhaltsame Brückenideen bereitgestellt werden. Wir landeten auf dem Thema der alten Zivilisation trifft Sci-Fi-Tech, mit der Idee, dass jemand Maschinen über Ruinen gebaut hatte, die eine seltsame Energie von jeder Insel bereitgestellt. Die Inseln erhielten jeweils ihr eigenes Aussehen und Verhalten, ein Detail, das dazu beitrug, visuelles Interesse zu schaffen. Eine gute Balance zwischen Modellierung und Texturierung würde die Aufrufe für die Renderingleistung niedrig halten, sodass ein stilisiertes Aussehen unter Berücksichtigung dieses Designs entworfen wurde.

Frühe SpielentwurfsskizzenEinige frühe Skizzen, wie die Erfahrung aussehen könnte

Renderings der zweiten InselRenderings der zweiten Insel

Um in unserem kurzen Produktionsplan zu bleiben, stimmten wir zu, dass ein unverankerte Charakter Absicht und Emotion ohne strenge Animationszyklen erfassen könnte. Und so Kippy wurde geboren! Es emote ein paar verschiedene Ausdrücke durch seine Augen und durch minimalistische Gesangssoundeffekte, um den Spieler während der gesamten Erfahrung zu führen.

Kippy zeigt verschiedene Ausdrücke über seine Augen

Kippy zeigt verschiedene Ausdrücke über seine Augen

Wenn der Benutzer zu lange dauert, um ein Puzzle zu lösen, gibt Kippy dem Benutzer einen Hinweis.

Wenn der Benutzer zu lange dauert, um ein Puzzle zu lösen, gibt Kippy dem Benutzer einen Hinweis.

Über das Charakter- und Umgebungsdesign hinaus haben wir uns gemeinsam bemüht, das Spiel zum Spaß zu machen. Die Eye Tracking ermöglichte es uns, Material- und Soundattribute auszufeuern, die wichtige Teile des Spiels hervorgehoben haben. Räumliches Audio hat dazu beigetragen, dass sich die Levels in der Umgebung des Spielers zu Hause fühlen. Die Möglichkeit, Objekte, Pushtasten und Manipulationen von Schiebereglern zu erfassen, treibt innovative Spielereinsätze an. Es war wichtig, sicherzustellen, dass diese Verbindungspunkte natürlich waren.

Das Ende des Brückenkabels leuchtet, wenn sich die Hand des Benutzers nähert.

Das Ende des Brückenkabels leuchtet, wenn sich die Hand des Benutzers nähert.

Erstellen der Spielmechanik

Kippy es Escape basiert stark auf Mixed Reality UX Tools-Komponenten, um das Spiel interaktiv zu machen – nämlich Handinteraktionsakteure, Begrenzungssteuerelemente, Manipulationen, Schieberegler und Schaltflächen.

Der Handinteraktions-Akteur ermöglicht sowohl direkte als auch weit entfernte Manipulation von Hologrammen. Am Anfang von Kippy es Escape erhält der Benutzer die Möglichkeit, den Ort des Spiels festzulegen. Handbalken, die sich von der Handfläche des Benutzers erstrecken, machen es einfach, große Hologramme zu bearbeiten, die weit entfernt sind, wie in der GIF-Datei unten zu sehen.

Gif des Handinteraktions-Akteurs

Die Platzhalterszene selbst kann mit der Begrenzungssteuerelementkomponente der UX-Tools gezogen und gedreht werden.

Auf der zweiten Insel muss der Benutzer Edelsteine abholen und in seinen passenden Slots platzieren. Die Juwelen haben Manipulationen an sie angefügt, mit denen der Benutzer sie abholen und nach unten platzieren kann.

Manipulator-Beispiel-GIF

Eine druckbare Taste ist die Taste, um Bomben für die Verwendung auf der dritten Insel aufzubringen.

Beispiel-GIF-Datei mit gedrückter Schaltfläche

Eine Schiebereglerkomponente wird auf der vierten Insel angezeigt, wodurch die letzte Brücke ausgelöst wird.

Beispiel-GIF-Datei der Schiebereglerkomponente

Optimieren für HoloLens 2

Mit jeder Erfahrung, die auf einem mobilen Gerät ausgeführt wird, ist es wichtig, die Leistung im Auge zu behalten. Unreal 4.25 enthält ein wichtiges Update zur Unterstützung mobiler Mehransichten, wodurch der Renderingaufwand erheblich reduziert und die Framerate erhöht wird. Wir empfehlen, unsere anderen empfohlenen Leistungseinstellungen für die HoloLens 2-Entwicklung mit Unreal zu überprüfen, wenn Sie optimieren.

Physikobjekte sind weiterhin Standard kostspielig für die Leistung, daher wurden ein paar clevere Problemumgehungen verwendet. Zum Beispiel erfordert die dritte "Brücke", dass einige Trümmer die Treppen blockieren. Statt die Steine als physikalische Objekte zu beeinflussen, löst die Bombendetonation einen Tausch aus und schaltet die statischen Steine für einen explodierenden Partikeleffekt um.

Optimiertes Beispiel für HoloLens 2 GIF

Wir reduzieren auch unsere Draw-Anrufe von über 400 auf ~260 von:

  • Reduzieren der Gitterkomplexität
  • Kombinieren von Gittern
  • Entfernen einiger unserer ursprünglichen dynamischen Beleuchtungselemente

Obwohl es wahrscheinlich mehr getan hätte, waren wir der Ansicht, dass es sich um eine gute Balance zwischen Leistung und visueller Qualität handelte.

Erste Schritte mit einem Azure-Abonnement:

Starten Sie Ihre HoloLens 2, laden Sie die App aus dem Microsoft Store herunter, oder klonen Sie das Repository von GitHub, und erstellen Sie die App selbst!

Über das Team

Bild von Jack Caron Jack Caron
Lead Game Designer
Jack arbeitet derzeit an Mixed Reality-Erfahrungen für Microsoft, einschließlich HoloLens 2-Projekten und war zuvor Designer im HoloLens-Plattformteam.
Bild des Sommers Wu Sommer Wu
Produzent
Summer arbeitet an der Mixed Reality-Entwicklerplattform und leitet die zugehörigen Bemühungen des Teams unreal Engine.

Besonderer Dank an unsere Freunde im Framestore , die uns helfen, Kippy es Escape zum Leben zu erwecken. Von der Charakterentwicklung über das Asset Design bis hin zur Spieleprogrammierung war die Zusammenarbeit an diesem Projekt entscheidend.