Így készíthet 360 VR alkalmazást 10 perc alatt a Unity segítségével

A virtuális valóság (VR) izgalmas. Ez egyben az alkalmazásfejlesztés New Frontier-je.

A VR készen áll a történetmesélés új formáinak és érzelmileg erőteljes élményeinek megszületésére. A VR készítését mégis félelmetesnek tartják: drága, és speciális hardvert és készségeket igényel.

De ez változik, mivel az intuitív eszközök és a megfizethető hardverek hozzáférhetővé teszik a VR fejlesztését. Ez az oktatóanyag megmutatja, hogyan lehet néhány perc alatt elkészíteni a 360 ° -os videós alkalmazást az Android és a Google Cardboard eszközön. És alig szükséges kódolás;)

A VR fejlesztése nem lehet akadálya annak, hogy ötleteit életre keltse. Kezdjük el:

Amire szükséged van

Íme az élelmiszerbolt-listánk:

? Egy A ndroid telefon w dik egy giroszkópot értelemben a fej mozgását, futó KitKat vagy újabb operációs rendszer.

? AC ardboard fejhallgató. Ha nem rendelkezik ilyennel, sokat megtalálhat az Amazon-on kevesebb, mint 10 dollárért. Ez a kedvencem.

? U nity3D, egy több platformos játékmotor, amelyet telepítenie kell számítógépére, 5.6-os vagy újabb verzióra. Ezt a szoftvert felhasználjuk az egész projektünk felépítéséhez.

? A GoogleVR SDK for Unity, amelyet előzetesen letölthet.

? Egy 3 60-as videó. Készítsen egyet 360-as fényképezőgéppel (itt van, amelyet csatlakoztathat a telefonjához), vagy keressen egyet online.

Hogyan építjük ezt az alkalmazást?

A téglalap alakú kerettel rendelkező normál videótól eltérően a 360-as videó gömb alakú. Tehát először létre kell hoznunk egy gömb alakú képernyőt, amelyre vetítjük a 360-as videónkat. A lejátszó (vagy néző) ezen a gömbön belül helyezkedik el, és bármilyen irányban meg tudja nézni a videót.

Az alábbi lépéseknek fel kell hatalmazniuk arra, hogy saját változtatásokat hajtsanak végre, elmagyarázva, hogyan működik mindez a motorháztető alatt. Lépésről lépésre a videóban olvashat

1. lépés: Gömböt építeni?

Először nyissunk meg egy új Unity projektet, ha a semmiből indul (vagy egy új jelenetet, ha a 360 videolejátszót integrálni szeretné egy meglévő projektbe.) Gondoljon a jelenetre egy videojáték egyik szintjére, a Projektre pedig teljes játék.

Ezután adjon hozzá egy Gömb objektumot a Jelenethez, középre helyezve ( Helyzet = 0, 0, 0 ), 50 sugarú ( Méret = 50, 50, 50 ). A kamera helyzetét szintén 0, 0, 0 értékre kell állítani. A kamera a lejátszó / néző szeme, ezért azt szeretnénk, hogy a gömb közepére kerüljön. Ha máshová helyezné, akkor a videó torzulna.

Miután a fényképezőgép a gömb belsejébe került, az utóbbi már nem látható a Jelenetben. Ne aggódj, erre van magyarázat! Valójában a legtöbb játékmotor alapértelmezés szerint nem teszi vissza a 3D-s objektumok belső oldalát. Ez azért van, mert ritkán kell látnunk őket, erőforrás pazarlás lenne a renderelésük. Ezt majd kijavítjuk.

2. lépés: Megfordítja a gömb normálit?

Esetünkben valóban belülről kell látnunk a Gömbünket. Ez az alkalmazás lényege, ezért kifelé fordítjuk.

Az Unity-ben a gömbök valójában nem gömbök (mi? Mindig hazudtak nekünk!), Ezek sokszögek, amelyek több ezer aprósággal, apró arcokkal készültek. A fazetták külső oldala látható, a belső oldala azonban nem. Emiatt programot fogunk készíteni ezeknek a kis arcoknak a megfordítására, mint a palacsinta.

A 3D-s geometriában ezt az átalakulást "fordított normáloknak" vagy "normális essek" -nek nevezzük.

A Shader nevű programot fogjuk használni , amelyet a Gömb Anyagára fogunk alkalmazni . Az anyagok ellenőrzik a tárgyak megjelenését az Egységben. Az árnyékolók kis szkriptek, amelyek a megvilágítás és az anyagukból nyert információk alapján kiszámítják az egyes megjelenített pixelek színét.

Ezért hozzon létre egy új anyagot a gömbhöz, majd egy új árnyékolót alkalmazzon erre az anyagra. Egyéni kódot kell írnunk a Shader számára ... de ne féljen, az alábbi kódot másolhatja-beillesztheti:

Ez a kis Shader kifordítja a gömb minden pixelét. Most a Gömbünk nagy fehér gömbként jelenik meg, belülről nézve, a jelenetünkön belül. A következő lépés az, hogy ezt a fehér gömböt videolejátszóvá alakítsuk.

3. lépés: Vetíti a 360-as videót a Gömbbe?

Itt kéznél kell lennie egy 360 mp4 méretű videónak. Importálja a projektbe, majd húzza rá a Gömbre. És ekkor következik be a varázslat: megjelenik egy „Video Player” komponens és felcsendül, a videó készen áll a lejátszásra.

Játszhat az olyan beállításokkal, mint a hurkok és az audio. A streaminget is támogatja!

4. lépés: Beállítja a Google Cardboard szolgáltatást?

Ebben a lépésben, akkor az élmény valóban úgy érzi, magával ragadó. Ezért szeretnénk megtekinteni VR-headsetben, itt egy Google Cardboard-ban.

Létrehozunk egy „sztereoszkópikus” nézetet (a képernyő két részre lesz osztva, mindkét oldalon néhány halszem-effektussal - mindkét oldalon egy-egy oldal), a GoogleVR SDK használatával. Az egyes szemek halszem hatása, a Karton műanyag lencséinek torzításával kombinálva, a mélység és az elmélyülés illúzióját adja.

Ha hozzá szeretné adni a GoogleVR SDK-t a projektünkhöz, töltse le és importálja a bővítményt, majd egy csomó Android-beállítást módosítunk:

  • Lépjen a felső sáv menüjébe, majd válassza a Fájl> Építési beállítások lehetőséget. Adja hozzá a nyitott jelenetet, ha még nincs hozzáadva, majd válassza a Android lehetőséget a támogatott platformok listáján.
  • Kattintson a Platform váltása elemre . El kell telnie egy kis időnek az első váltáskor.
  • Kattintson a Lejátszó beállításai elemre . Az alkatrészek megjelennek az Oktató panelen.

A Player Settings 'Instructor' Egyéb beállítások 'szakaszában:

  • Ellenőrizze a támogatott virtuális valóságot . A Virtuális valóság SDK-k alatt válassza a + ikont, majd válassza a Karton lehetőséget a lista hozzáadásához.
  • Írja be a csomag nevét a Csomag azonosító mezőbe (például com.yourdomain.demo360 ). Ennek egyedinek kell lennie, és arra használják, hogy megkülönböztessük alkalmazásunkat a Google Play áruházban szereplő többitől.
  • Állítsa a Minimum API Level legördülő menüt „ Android 4.4 'Kit Kat' (API 19. szint) " értékre .

Ezután vegye el a „ GvrViewerMain ” elemet a Projektböngésző GoogleVR \ Prefabs mappájából, és húzza át a jelenetbe. Az Ellenőrben adja meg neki ugyanazt a pozíciót, mint a Gömb középpontja - ( 0, 0, 0 ).

A GvrViewerMain előregyártás vezérli az összes VR mód beállítását, például a képernyő hozzáigazítását a Karton lencséihez . A telefon giroszkóppal is kommunikál a fej mozgásának nyomon követésére. Amikor elfordítja a fejét, a kamera és a látottak a 360-as videólejátszón belül is megfordulnak.

Most már minden irányba nézhet, amikor a videó be van kapcsolva, és a képernyő ketté van osztva, hogy elférjen a Karton mindkét lencséje.

5. lépés: Az alkalmazás futtatása Androidon?

Utolsó lépésként az alkalmazást Android telefonon futtatjuk, és megosztjuk barátaival!

Ennek kétféle módja van:

  • Menjen vissza a Fájl> Build Setti ngs elemre. Csatlakoztathat egy Android-telefont USB-kábellel a számítógépéhez, és kattintson az Építés és futtatás gombra . Ez egyenesen a telefonjára telepíti az alkalmazást.
  • A másik lehetőség az, hogy csak a Build- re kattint . Ez nem telepíti a telefonra, hanem APK fájlt generál. Megoszthatja az APK-t e-mailben bárkivel, aki ki akarja próbálni az imént épített remekművet. Duplán koppintaniuk kell az APK-mellékletre, hogy telepítsék a telefonjukra.

Az összeállítási folyamat során felkérhetjük az Android SDK gyökérmappájának kiválasztására. Ebben az esetben töltse le az Android SDK-t, majd válassza ki a mappa helyét.

Indítsa el az alkalmazást, tegye be telefonját egy karton fülhallgatóba, máris mehet! A videót bármire lecserélheti 360 formátumban, és otthon tapasztalhatja meg a VR 360 merítést.

Tovább megyek

Gratulálunk, elkészített egy 360 videós alkalmazást, és már csak egy lépés választ el a VR videóalkalmazás létrehozásától ! Míg a kifejezéseket gyakran használják egyformán, a 360 és a VR két különböző élményt határoz meg:

  • A 360 ° -os videofelvételeket minden szögből rögzítjük, speciális kamerával vagy többszörös összeállítással. A felhasználó tetszőleges irányban nézhet, de nincs interaktivitása az élménynek.
  • A VR általában egy számítógép által létrehozott környezetre utal, amelyben a felhasználó elmerül. Interaktív élmény: a játékos mozoghat és irányíthatja a tárgyakat, amellett, hogy minden irányba néz.

Az új alkalmazás kiindulópontként szolgálhat a gazdagabb VR-élmény kialakításához. A Unity rengeteg olyan funkcióval rendelkezik, amelyeket kihasználhat, például 3D elemek vagy hűvös részecskehatások effects hozzáadása a videó átfedéséhez és továbbfejlesztéséhez, vagy néhány interaktív elem bedobása.

Helyezhet egy teljes 3D-s környezetet is a 360-as videolejátszó belsejébe, és az utóbbit használhatja skyboxként. A felhasználó navigálhat a tájban, ezzel a remek járási szkript segítségével.

Engedje szabadjára fantáziáját, és mutassa meg alkotásait: tweeteljen @AdrianaVecc vagy írjon megjegyzést

A gyönyörű VR-történetek elkészítése nehéz. Nem szabad megépíteni őket.

Ha tetszett ez a cikk, kérjük, nyomja meg a ? lent, így mások láthatják.

Adriana művész és terméktervező, aki olyan VR-élményeket készít, amelyek empátiát teremtenek. Ha életre kelti VR ötleteit, lőjön nekünk egy e-mailt: [email protected]?