UnityCardboard

Wie baue ich eine 360° Video App? (Anleitung)

Von am 27.01.2018

Wolltest du schon immer einmal dein eigenes 360° Video auf deinem Smartphone mit der Cardboard-Brille ansehen können?
Mit diesem Beitrag kannst du Schritt für Schritt, mit Hilfe von Unity 3D und Google VR, deine eigene 360° Video App bauen.

Vorbereitung

Anleitung laut PDF: 360GradVorbereitung

Nach befolgen der Anleitung sollten folgende Punkte erledigt sein:

  • Installation von Unity
  • Download: Google VR SDK für Unity

Auch dein Smartphone muss vorbereitet werden. Dazu muss das USB-Debugging deaktiviert werden.

Wichtig: kontrolliere, ob die benötigten Development Kits bereits installiert sind, sonst müssen diese gedownloadet und installieren werden.

 

360° Video App

  1. Neues Projekt erstellen
  2. Google VR Package importieren:
    Menüpunkt: Assets -> Import Package -> Custom Package… und das Package im Explorer auswählen – Fenster öffnet sich und auf Importieren klicken
  3. Ornder: Assets-> GoogleVR -> GVRVideoPlayer – auch dieses Package importieren (via doppelklick auf das Package)
  4. Build Settings – Plattform auf Android ändern:
    File -> Build Settings: Plattform auf Android umstellen, und auf Switch Plattform klicken
  5. Player Settings einstellen:
    Player Settings -> XR Settings -> VR Supported anhaken -> Cardboard
    Player Settings -> other Settings -> Minimum API Level: Android 4.4 (KitKat)
    Player Settings -> other Settings -> Identification: Package Name. (Name vom Package Bsp.: com.Company.Package Name)

 

Optional: Zum ausprobieren

Demos anschauen

Video Demo builden und am Smartphone testen, dazu das Smartphone mittels USB Kabel am Laptop anschließen und Zugriff erlauben

File -> Build Settings -> Add Open Scenes -> Build And Run

 

Scene erstellen

  1. Neue Scene erstellen
  2. GameObjekt -> Create Empty – Umbenennen in Player
  3. Benötigte Objekte per Drag & Drop in die Scene ziehen
  4. Prefabs (Ordner) –> Controller (Ordner) – > GvrControllerPointer
  5. Den GvrControllerPointer in das Player-Objekt ziehen und auch die Main Camara
    (Position der Kamera auf 0,0,0)
  6. Prefabs (Ordner) –> Controller (Ordner) – >GvrControllerMain
  7. Prefabs – > GvrEditorEmulator
  8. Directional Light löschen – Point Light hinzufügen (Einstellungen ändern)

Point Light Einstellungen:

  • Y-Wert?
  • Range: 20
  • Mode: Mixed
  • Intensity: 10

 

Video Player bauen

  1. 3D Objekt – Sphere hinzufügen
  2. Position von der Sphere auf 0,0,0 setzen und die Scale auf 30,30,30 erhöhen
  3. Mesh Filter ändern (Mesh Filter: sphere_36x18)
  4. Sphere einen neuen Bestandteil hinzufügen -> Script -> Gvr Video Player Texture
  5. Und auch das Script – Auto Play Video (zum Loopen des Videos – Loop anhaken)
  6. Google VR (Ordner) – Materials (Ordner)– Video Stereo Inside auf die Sphere per drag & drop ziehen (sollte das Video nicht korrekt angezeigt werden, muss der Video Mono Shader verwendet werden)
  7. Shader – Google VR/ Video Unlit Shader auswählen

 

Video einbinden

  • Video in Assets Ordner einfügen (und auch in den StreamingAssets Ordner)
  • Das Video auswählen und im Inspector -> Importer Version: Movie Texture auswählen und auf Apply klicken
  • Die Sphere auswählen und bei Gvr Video Player Texture
    • Video Type: Other
    • Video URL: jar:file://${Application.dataPath}!/assets/mein360Video.mp4
      (Groß- und Kleinschreibung beachten!)

 

App builden

  • File -> Build Settings -> add open Scene -> Build and Run

Die App startet automatisch

Smartphone in die Cardboard-Brille geben und fertig.

 

Viel Spaß beim Nachbauen 😊

The comments are closed.