Die Entstehung von Kippys Flucht

Kippys Fluchtheldenbild

Kippy, der Roboter wacht auf, um sich auf einer Insel zu befinden. Es liegt an Ihnen, Ihren Hut zur Problemlösung aufzusetzen, um ihm zu helfen, einen Weg zurück zu seinem Raketenschiff zu finden! Schnüren Sie Ihre HoloLens 2, laden Sie die App aus dem Microsoft Store herunter, oder klonen Sie das Repository von GitHub, und bringen Sie Kippy sicher nach Hause!

Wichtig

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

Kippys Escape ist eine Open-Source-HoloLens 2 Beispiel-App, die mit Der 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 Benutzeroberfläche. Weitere Informationen zur Entwicklung Mixed Reality Anwendungen mit MRTK UX Tools finden Sie in der Unreal-Entwicklungsübersicht.

Herunterladen der App aus dem Microsoft Store in HoloLens 2

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

Englischer Badge

Erste Prinzipien

Bei der Erstellung von Kippy's Escape wollten wir eine Benutzeroberfläche erstellen, die den HoloLens 2-Support von Unreal Engine, die Funktionen des HoloLens 2 und das Mixed Reality Toolkit hervorhebt. Wir wollten Entwickler dazu inspirieren, sich vorzustellen, was sie mit Unreal und HoloLens 2 schaffen könnten.

Wir haben drei Leitprinzipien für die Erfahrung: Dass es Spaß machen, interaktiv sein und eine niedrige Eintrittsbarriere haben muss. Wir wollten, dass die Benutzeroberfläche so intuitiv ist, dass selbst ein Erstmaliger Mixed Reality-Benutzer kein Tutorial benötigt, um sie zu durchlaufen.

Entwerfen des Spiels

Die HoloLens 2 hat Zugriff auf Designfeatures, die es heute nirgendwo sonst im Gaming gibt. Objekte können direkt mit den Händen gepusht oder bearbeitet oder mit Eye Tracking gezielt gesteuert werden. Diese wichtigsten Features sind hinter einigen der lustigen Momente, die wir in Kippys Escape entwickelt haben.

Unter Verwendung der einzigartigen HoloLens 2 Features als Leitfaden für unser Spieldesign haben wir einige kleine Umgebungsszenarien erweitert. Inseln waren sinnvoll, da sie für unterschiedliche Spielerhöhen angepasst werden konnten und einige unterhaltsame Brückenideen lieferten. Wir landeten auf dem Thema der alten Zivilisation trifft Sci-Fi-Technologie, mit der Idee, dass jemand Maschinen über Ruinen gebaut hatte, um eine seltsame Energie zu nutzen, die von jeder Insel bereitgestellt wurde. Die Inseln erhielten jeweils ihr eigenes Erscheinungsbild, ein Detail, das visuelles Interesse erzeugte. Ein gutes Gleichgewicht zwischen Modellierung und Texturierung würde die Aufrufe für die Renderingleistung niedrig halten, sodass ein stilisiertes Aussehen mit diesem Gedanken entworfen wurde.

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

Renderings der zweiten InselRenderings der zweiten Insel

Um unseren kurzen Produktionszeitplan einhalten zu können, einigten wir uns darauf, dass ein schwebender Charakter Absichten und Emotionen ohne strenge Animationszyklen erfassen kann. Und so wurde Kippy geboren! Es emote ein paar verschiedene Ausdrücke durch seine Augen und durch minimalistische vokale Soundeffekte, um den Spieler durch das gesamte Erlebnis zu führen.

Kippy mit verschiedenen Ausdrücken über die Augen

Kippy mit verschiedenen Ausdrücken über die Augen

Wenn der Benutzer zu lange braucht, um ein Rätsel zu lösen, gibt Kippy dem Benutzer einen Hinweis.

Wenn der Benutzer zu lange braucht, um ein Rätsel zu lösen, gibt Kippy dem Benutzer einen Hinweis.

Über das Charakter- und Umgebungsdesign hinaus haben wir uns gemeinsam darum bemüht, dass das Spiel Spaß macht. Eye Tracking ermöglichte es uns, Material- und Soundattribute zu entzünden, die wichtige Teile des Spiels hervorhoben. Räumliches Audio trug dazu bei, dass sich die Ebenen in der Umgebung des Spielers zu Hause fühlen. Die Möglichkeit, Objekte zu greifen, Tasten zu drücken und Schieberegler zu manipulieren, fördert innovative Spielereingriffe. Es war wichtig, dass sich diese Verbindungspunkte natürlich anfühlten.

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

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

Erstellen der Spielmechanik

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

Der Handinteraktionsakteur ermöglicht sowohl die direkte als auch die weit entfernte Manipulation von Hologrammen. Zu Beginn von Kippys Escape erhält der Benutzer die Möglichkeit, den Ort des Spiels festzulegen. Handstrahlen, 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 unten zu sehen.

Gif für Handinteraktion

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

Auf der zweiten Insel muss der Benutzer Edelsteine abholen und in den entsprechenden Slots platzieren. An den Gems sind Manipulatoren angefügt, die es dem Benutzer ermöglichen, sie aufzunehmen und nach unten zu platzieren.

Manipulator-Beispiel-GIF

Ein druckbarer Knopf ist der Schlüssel zum Aufbringen von Bomben für den Einsatz auf der dritten Insel.

Beispiel-GIF für druckbare Schaltflächen

Auf der vierten Insel wird eine Schiebereglerkomponente angezeigt, die das Auslösen der letzten Brücke auslöst.

Beispiel-GIF der Schiebereglerkomponente

Optimieren für HoloLens 2

Mit jeder Erfahrung, die für die Ausführung auf einem mobilen Gerät entwickelt wurde, ist es wichtig, die Leistung im Auge zu behalten. Unreal 4.25 enthält ein umfangreiches Update für die Unterstützung für mobile Multiansichten, das den Renderingaufwand erheblich reduziert und die Bildrate erhöht. Es wird empfohlen, unsere anderen empfohlenen Leistungseinstellungen für HoloLens 2 Entwicklung mit Unreal zu überprüfen, wenn Sie optimieren.

Physikobjekte sind nach wie vor kostspielig für die Leistung, sodass einige clevere Problemumgehungen verwendet wurden. Zum Beispiel erfordert die dritte "Brücke", einige Trümmer zu sprengen, die die Treppe blockieren. Anstatt die Steine als Physikobjekte mit einer Kraft zu beeinflussen, löst die Bombendetonation einen Austausch aus, wodurch die statischen Steine gegen einen explodierenden Partikeleffekt umgeschaltet werden.

Optimiertes Beispiel für HoloLens 2 GIF

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

  • Reduzieren der Gitterkomplexität
  • Kombinieren von Gittern
  • Entfernen einiger unserer ersten dynamischen Beleuchtungselemente

Obwohl wir wahrscheinlich mehr hätten tun können, waren wir der Meinung, dass dies eine gute Balance zwischen Leistung und visueller Qualität war.

Probieren Sie es aus!

Starten Sie Ihre HoloLens 2, und 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 von Summer Wu Sommer Wu
Producer
Summer arbeitet an der Mixed Reality-Entwicklerplattform und leitet die Unreal Engine-bezogenen Bemühungen des Teams.

Ein besonderer Dank geht an unsere Freunde von Framestore , die uns geholfen haben, Kippys Escape zum Leben zu erwecken. Von der Charakterentwicklung über das Asset-Design bis hin zur Spieleprogrammierung war die Zusammenarbeit an diesem Projekt von entscheidender Bedeutung.