So können Sie mit Unity in 10 Minuten eine 360 ​​VR-App erstellen

Virtual Reality (VR) ist aufregend. Es ist auch die neue Grenze der App-Entwicklung.

VR ist bereit, neue Formen des Geschichtenerzählens und emotional starke Erfahrungen hervorzubringen. VR zu machen wird jedoch als einschüchternd empfunden: Es ist teuer und erfordert sowohl spezielle Hardware als auch Fähigkeiten.

Dies ändert sich jedoch, da intuitive Tools und kostengünstige Hardware die VR-Entwicklung zugänglich machen. Dieses Tutorial zeigt Ihnen, wie Sie in wenigen Minuten eine 360-Video-App auf Android und Google Cardboard erstellen. Und kaum Codierung erforderlich;)

VR-Entwicklung sollte kein Hindernis sein, um Ihre Ideen zum Leben zu erwecken. Lass uns anfangen:

Was du brauchst

Hier ist unsere Einkaufsliste:

? Ein Android-Telefon mit einem Gyroskop zum Erfassen von Kopfbewegungen unter KitKat oder einem neueren Betriebssystem.

? AC Ardboard Headset. Wenn Sie keinen besitzen, können Sie viele bei Amazon für weniger als 10 Dollar finden. Dieser ist mein Favorit.

? U nity3D, eine plattformübergreifende Spiele-Engine, die Sie auf Ihrem Computer ab Version 5.6 installieren müssen. Wir werden diese Software verwenden, um unser gesamtes Projekt zu erstellen.

? Das GoogleVR SDK für Unity, das Sie vorher herunterladen können.

? Ein 3 60 Video. Nehmen Sie eine mit einer 360-Grad-Kamera auf (hier ist eine, die Sie an Ihr Telefon anschließen können) oder finden Sie eine online.

Wie bauen wir diese App?

Im Gegensatz zu normalen Videos mit einem rechteckigen Rahmen hat 360-Videos die Form einer Kugel. Wir müssen also zuerst einen sphärischen Bildschirm erstellen, auf den wir unser 360-Video projizieren können. Der Player (oder Betrachter) befindet sich in dieser Kugel und kann das Video in jede Richtung ansehen.

Mit den folgenden Schritten sollten Sie sich befähigt fühlen, Ihre eigenen Änderungen vorzunehmen, indem Sie erklären, wie alles unter der Haube funktioniert. Eine schrittweise Anleitung finden Sie im Video

Schritt 1: Eine Kugel bauen?

Öffnen Sie zunächst ein neues Unity-Projekt, wenn Sie von vorne beginnen (oder eine neue Szene, wenn Sie den 360-Video-Player in ein vorhandenes Projekt integrieren möchten). Stellen Sie sich eine Szene als eine Ebene eines Videospiels und ein Projekt als vor ein volles Spiel.

Fügen Sie anschließend ein Kugelobjekt in die Szene ein, das in der Mitte ( Position = 0, 0, 0 ) mit einem Radius von 50 ( Skala = 50, 50, 50 ) platziert ist. Die Position der Kamera sollte ebenfalls auf 0, 0, 0 eingestellt sein. Die Kamera ist das Auge des Spielers / Betrachters, daher möchten wir sie in der Mitte der Kugel haben. Wenn Sie es an einer anderen Stelle platzieren, wirkt das Video verzerrt.

Sobald sich die Kamera in der Kugel befindet, ist diese in der Szene nicht mehr sichtbar. Keine Sorge, dafür gibt es eine Erklärung! In der Tat rendern die meisten Spiele-Engines standardmäßig nicht die Innenseite von 3D-Objekten. Dies liegt daran, dass wir sie selten sehen müssen. Es wäre eine Verschwendung von Ressourcen, sie zu rendern. Wir werden das als nächstes beheben.

Schritt 2: Die Normalen der Sphäre umdrehen?

In unserem Fall müssen wir unsere Sphäre von innen sehen. Das ist der springende Punkt der App, also werden wir sie auf den Kopf stellen.

In Unity sind Kugeln eigentlich keine Kugeln (was? Wir wurden die ganze Zeit belogen!), Sondern Polygone mit Tausenden von winzigen Facetten. Die Außenseiten der Facetten sind sichtbar, nicht jedoch die Innenseiten. Aus diesem Grund werden wir ein Programm erstellen, um diese kleinen Facetten wie Pfannkuchen umzudrehen.

In der 3D-Geometrie nennen wir diese Transformation «Normalen umkehren» oder «Normalen umdrehen».

Wir werden ein Programm namens Shader verwenden , das wir auf das Material der Kugel anwenden . Materialien steuern das Erscheinungsbild von Objekten in Unity. Shader sind kleine Skripte, die die Farbe jedes gerenderten Pixels basierend auf der Beleuchtung und den Informationen berechnen, die aus ihren Materialien stammen.

Erstellen Sie daher ein neues Material für die Kugel und wenden Sie dann einen neuen Shader auf dieses Material an. Wir müssen benutzerdefinierten Code für den Shader schreiben ... aber keine Angst, Sie können den folgenden Code kopieren und einfügen:

Dieser kleine Shader wird jedes Pixel der Kugel umdrehen. Jetzt erscheint unsere Kugel wie eine große weiße Kugel, von innen betrachtet, in unserer Szene. Der nächste Schritt besteht darin, diese weiße Kugel in einen Videoplayer zu verwandeln.

Schritt 3: Projizieren Sie Ihr 360-Video in die Sphäre?

Hier benötigen Sie ein 360-MP4-Video. Importieren Sie es in das Projekt und ziehen Sie es auf die Kugel. Und dann passiert die Magie: Eine 'Video Player'-Komponente erscheint und boomt, das Video ist abspielbereit.

Sie können mit den Einstellungen wie Loops und Audio spielen. Es unterstützt auch Streaming!

Schritt 4: Google Cardboard einrichten?

In diesem Schritt machen wir die Erfahrung wirklich immersiv. Aus diesem Grund möchten wir es in einem VR-Headset anzeigen, hier einem Google Cardboard.

Mit dem GoogleVR SDK erstellen wir eine „stereoskopische“ Ansicht (der Bildschirm wird zweigeteilt, mit einigen Fischaugeneffekten auf beiden Seiten - eine Seite für jedes Auge). Der Fischaugeneffekt auf jedem Auge, kombiniert mit der Verzerrung der Kunststofflinsen des Kartons, gibt Ihnen die Illusion von Tiefe und Eintauchen.

Um das GoogleVR SDK zu unserem Projekt hinzuzufügen, laden Sie das Plugin herunter und importieren Sie es. Anschließend passen wir eine Reihe von Android-Einstellungen an:

  • Gehen Sie zum Menü der oberen Leiste> Datei> Einstellungen erstellen. Fügen Sie Ihre offene Szene hinzu, falls sie noch nicht hinzugefügt wurde, und wählen Sie dann Android in der Liste der unterstützten Plattformen aus.
  • Klicken Sie auf Switch Platform . Es sollte eine Weile dauern, bis Sie zum ersten Mal wechseln.
  • Klicken Sie auf Player-Einstellungen . Komponenten werden im Instructor-Bedienfeld angezeigt.

Im Instructor der Player-Einstellungen im Abschnitt "Andere Einstellungen":

  • Überprüfen Sie, ob Virtual Reality unterstützt wird . Wählen Sie unter Virtual Reality SDKs das Symbol + und dann Karton aus , um es der Liste hinzuzufügen.
  • Geben Sie einen Paketnamen in das Feld Bundle Identifier ein (z. B. com.yourdomain.demo360 ). Es muss eindeutig sein und wird verwendet, um unsere App von anderen im Google Play Store zu unterscheiden.
  • Stellen Sie das Dropdown-Menü Minimum API Level auf " Android 4.4 'Kit Kat' (API Level 19) ".

Nehmen Sie anschließend das Element ' GvrViewerMain ' aus dem Ordner GoogleVR \ Prefabs im Projektbrowser und ziehen Sie es in die Szene. Geben Sie im Inspektor dieselbe Position wie in der Mitte der Kugel an - ( 0, 0, 0 ).

Das GvrViewerMain- Fertighaus steuert alle VR-Moduseinstellungen, z. B. die Anpassung des Bildschirms an die Linsen des Kartons. Es kommuniziert auch mit dem Gyroskop Ihres Telefons, um Ihre Kopfbewegungen zu verfolgen. Wenn Sie den Kopf drehen, drehen sich die Kamera und das, was Sie sehen, auch im 360-Video-Player.

Jetzt können Sie in alle Richtungen schauen, wenn das Video eingeschaltet ist und der Bildschirm in zwei Teile geteilt ist, um beide Objektive des Kartons aufzunehmen.

Schritt 5: Führen Sie die App auf Android aus?

Für unseren letzten Schritt führen wir die App auf einem Android-Handy aus und teilen sie mit Freunden!

Dafür gibt es zwei Möglichkeiten:

  • Gehen Sie zurück zu Datei> Einstellungen erstellen. Sie können ein Android-Telefon mit einem USB-Kabel an Ihren Computer anschließen und auf Build & Run klicken . Dadurch wird die App direkt auf Ihrem Telefon installiert.
  • Die andere Möglichkeit besteht darin, nur auf Erstellen zu klicken . Dadurch wird es nicht auf einem Telefon installiert, sondern es wird eine APK-Datei generiert. Sie können die APK per E-Mail mit jedem teilen, der das Meisterwerk ausprobieren möchte, das Sie gerade gebaut haben. Sie müssen zweimal auf den APK-Anhang tippen, um ihn auf ihren Telefonen zu installieren.

Während des Erstellungsprozesses werden Sie möglicherweise aufgefordert, den Android SDK-Stammordner auszuwählen. Wenn dies der Fall ist, laden Sie das Android SDK herunter und wählen Sie den Ordner aus.

Starten Sie die App, stecken Sie Ihr Telefon in ein Cardboard-Headset und los geht's! Sie können das Video durch alles im 360-Format ersetzen und das Eintauchen in VR 360 zu Hause erleben.

Weitergehen

Herzlichen Glückwunsch, Sie haben eine 360- Video-App erstellt und sind nur einen Schritt von der Erstellung einer VR- Video-App entfernt! Während die Begriffe oft gleich verwendet werden, definieren 360 und VR zwei unterschiedliche Erfahrungen:

  • 360-Videos werden aus allen Winkeln mit einer speziellen Kamera oder einer Baugruppe aus mehreren aufgenommen. Der Benutzer kann in jede gewünschte Richtung schauen, aber es gibt keine Interaktivität für die Erfahrung.
  • VR bezieht sich normalerweise auf eine computergenerierte Umgebung, in die der Benutzer eingetaucht ist. Es ist eine interaktive Erfahrung: Der Spieler kann sich bewegen und Objekte steuern sowie in alle Richtungen schauen.

Ihre neue App kann als Ausgangspunkt für ein umfassenderes VR-Erlebnis dienen. Unity bietet zahlreiche Funktionen, die Sie nutzen können, z. B. das Hinzufügen von 3D-Elementen oder coole Partikeleffekte, um Ihr Video zu überlagern und zu verbessern, oder das Einfügen einiger interaktiver Elemente.

Sie können auch eine vollständige 3D-Umgebung im 360-Video-Player platzieren und diesen als Skybox verwenden. Der Benutzer kann mit diesem raffinierten Laufskript in der Landschaft navigieren.

Lassen Sie Ihrer Fantasie freien Lauf und zeigen Sie mir Ihre Kreationen: twittern Sie mich @AdrianaVecc oder hinterlassen Sie einen Kommentar.

Es ist schwer, schöne VR-Geschichten zu schreiben. Sie zu bauen sollte nicht sein.

Wenn Ihnen dieser Artikel gefallen hat, drücken Sie bitte die Taste ? unten, damit andere Leute es sehen.

Adriana ist eine Künstlerin und Produktdesignerin, die VR-Erfahrungen macht, die Empathie aufbauen. Wenn Sie Ihre VR-Ideen zum Leben erwecken möchten, schreiben Sie uns eine E-Mail: [email protected]?