360 VR -sovellus 10 minuutissa yhtenäisyydellä: 8 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:01

Miten rakennamme tämän sovelluksen?

Toisin kuin tavallinen suorakaiteen muotoinen video, 360 -videon muoto on pallo. Joten meidän on ensin luotava pallomainen näyttö 360 -videomme projisoimiseksi. Soitin (tai katsoja) sijaitsee tämän pallon sisällä ja voi katsella videota mihin tahansa suuntaan. Seuraavien vaiheiden pitäisi saada sinut tuntemaan itsesi valtuutetuksi tekemään omia muutoksia selittämällä, miten kaikki toimii konepellin alla. Vaiheittaiset ohjeet

Vaihe 1: Mitä tarvitset

Android -puhelin, jossa on gyroskooppi pään liikkeiden havaitsemiseen, toimii KitKatilla tai uudemmalla käyttöjärjestelmällä.

Pahvi kuulokkeet. Jos et omista sellaista, voit löytää monia Amazonista alle 10 dollarilla.

Unity3D, monialustainen pelimoottori, joka sinun on asennettava tietokoneellesi, versio 5.6 tai uudempi. Käytämme tätä ohjelmistoa koko projektimme rakentamiseen.

Unityn GoogleVR SDK, jonka voit ladata etukäteen.

360 asteen video. Kuvaa yksi 360 -kameralla tai löydät 360 -videota Youtubesta, Facebookista tai mistä tahansa 360 -videosivustosta

Vaihe 2: Rakenna pallo

Avaa ensin uusi Unity -projekti, jos aloitat tyhjästä (tai uusi kohtaus, jos haluat integroida 360 -videosoittimen olemassa olevaan projektiin.) Ajattele kohtausta yhtenä videopelin tasona ja projektia täysi peli.

Lisää sitten palloon esine, joka on sijoitettu sen keskelle (sijainti = 0, 0, 0), säde 50 (asteikko = 50, 50, 50). Kameran asennon tulisi myös olla 0, 0, 0. Kamera on pelaajan/katsojan silmä, joten haluamme sen olevan pallon keskellä. Jos sijoitat sen muualle, video näyttää vääristyneeltä. Kun kamera on sijoitettu pallon sisälle, se ei ole enää näkyvissä. Älä huoli, sille on selitys! Itse asiassa useimmat pelimoottorit eivät oletuksena tee 3D -objektien sisäpuolta oletuksena. Tämä johtuu siitä, että meidän on harvoin nähtävä heidät, niiden tuottaminen olisi resurssien tuhlausta. Korjaamme sen seuraavaksi.

Vaihe 3: Käännä pallon normaalit

Meidän tapauksessamme meidän on nähtävä pallomme sisäpuolelta. Se on koko sovelluksen tarkoitus, joten käännämme sen ylösalaisin.

Unityssä pallot eivät oikeastaan ole palloja (mitä? Meille on valehdeltu koko ajan!), Ne ovat monikulmioita, jotka on tehty tuhansista pienistä, pienistä puolista. Sivujen ulkoiset puolet ovat näkyvissä, mutta eivät sisäiset. Tästä syystä aiomme tehdä ohjelman kääntää nämä pienet piirteet, kuten pannukakut. 3D -geometriassa kutsumme tätä muutosta "käänteisnormaaliksi" tai "kääntyväksi normaaliksi". Käytämme Shader -nimistä ohjelmaa, jota käytämme pallon materiaaliin. Materiaalit hallitsevat esineiden ulkonäköä Unityssä. Varjostimet ovat pieniä skriptejä, jotka laskevat jokaisen renderöidun pikselin värin valaistuksen ja materiaalistaan peräisin olevan tiedon perusteella. Luo siis uusi materiaali palloon ja sitten uusi varjostin, jota käytetään tähän materiaaliin. Meidän on kirjoitettava Shaderille oma koodi … mutta älä pelkää, voit kopioida ja liittää alla olevan koodin:

Napsauta tätä linkkiä saadaksesi koodilinkin

Tämä pieni Shader kääntää pallon jokaisen pikselin nurinpäin. Nyt pallomme näyttää suurelta valkoiselta pallolta, katsottuna sisältämme, kohtauksessamme. Seuraava askel on muuttaa tämä valkoinen pallo videosoittimeksi.

Vaihe 4: Projisoi 360 -videosi pallon sisällä

Tässä sinun on oltava 360 mp4 -video käsilläsi. Tuo se projektiin ja vedä se sitten palloon. Ja silloin taika tapahtuu: "Video Player" -komponentti tulee näkyviin ja puomi, video on valmis toistettavaksi. Voit toistaa asetuksilla, kuten silmukoilla ja äänellä. Se tukee myös suoratoistoa!

Vaihe 5: Määritä Google Cardboard?

Tässä vaiheessa teemme kokemuksesta todella mukaansatempaavan. Siksi haluamme katsoa sitä VR -kuulokkeilla, tässä Google Cardboardilla.

Aiomme luoda "stereoskooppisen" näkymän (näyttö jaetaan kahteen osaan kalansilmätehosteita molemmilla puolilla - toinen puoli kummallekin silmälle) käyttämällä GoogleVR SDK: ta. Kalansilmävaikutus molemmissa silmissä yhdistettynä Cardboardin muovilinssien vääristymiin antaa sinulle illuusion syvyydestä ja upotuksesta.

Jos haluat lisätä GoogleVR SDK: n projektiin, lataa ja tuo laajennus ja säädä joukko Android -asetuksia:

• Valitse yläpalkin valikko> Tiedosto> Rakennusasetukset. Lisää avoin kohtauksesi, jos sitä ei ole jo lisätty, ja valitse sitten Android tuettujen alustojen luettelosta.
• Napsauta Vaihda alusta. Ensimmäisen kytkennän pitäisi kestää hetki.
• Napsauta Pelaajan asetukset. Osat näkyvät Ohjaaja -paneelissa.

Pelaaja -asetusten ohjaajan Muut asetukset -osiossa:

• Tarkista tuettu virtuaalitodellisuus. Valitse Virtuaalitodellisuuden SDK: t -kohdasta + -kuvake ja lisää sitten se luetteloon valitsemalla Cardboard.
• Kirjoita paketin nimi Bundle Identifier -kenttään (esimerkiksi com.yourdomain.demo360). Sen on oltava ainutlaatuinen ja sitä käytetään erottamaan sovelluksemme muista Google Play -kaupasta.
• Valitse avattavasta Minimi-sovellusliittymän taso -valikosta Android 4.4 Kit Kit (API-taso 19).

Ota sen jälkeen GvrViewerMain -elementti projektiselaimen GoogleVR / Prefabs -kansiosta ja vedä se kohtaukseen. Anna tarkastajalle sama asento kuin pallon keskelle - (0, 0, 0).

GvrViewerMain -esivalmistelut ohjaavat kaikkia VR -tilan asetuksia, kuten näytön mukauttamista Cardboardin linssien mukaan. Se kommunikoi myös puhelimesi gyroskoopin kanssa pään liikkeiden seuraamiseksi. Kun käännät päätäsi, kamera ja näkemäsi asiat kääntyvät myös 360 -videosoittimen sisään. Nyt voit katsoa kaikkiin suuntiin, kun video on päällä ja näyttö on jaettu kahteen osaan, jotta se mahtuu Cardboardin molempiin objektiiveihin.

Vaihe 6: Suorita sovellus Androidissa?

Viimeisessä vaiheessa suoritamme sovelluksen Android -puhelimella ja jaamme sen ystävien kanssa! Voit tehdä sen kahdella tavalla: Palaa kohtaan Tiedosto> Rakennusasetukset. Voit liittää Android -puhelimen tietokoneeseen USB -kaapelilla ja napsauttaa Build & Run. Tämä asentaa sovelluksen suoraan puhelimeesi ja toinen vaihtoehto on napsauttaa vain rakentaa. Tämä ei asenna sitä puhelimeen, vaan luo APK -tiedoston. Voit jakaa APK: n sähköpostitse kenelle tahansa, joka haluaa kokeilla juuri rakentamaasi mestariteosta. Heidän on kaksoisnapautettava APK-liitettä asentaakseen ne puhelimiinsa. Rakennusprosessin aikana sinua saatetaan pyytää valitsemaan Android SDK -kansio. Jos näin on, lataa Android SDK ja valitse sen kansion sijainti. Käynnistä sovellus, pistä puhelimesi Cardboard -kuulokkeisiin, olet valmis lähtemään! Voit korvata videon millä tahansa 360 -formaatilla ja kokea VR 360 -upottamisen kotona.

Mennä eteenpäin

Onnittelut, teit 360 -videosovelluksen ja olet vain askeleen päässä VR -videosovelluksen luomisesta! Vaikka termejä käytetään usein samankaltaisesti, 360 ja VR määrittelevät kaksi erilaista kokemusta: 360 -video tallennetaan kaikista kulmista erityisellä kameralla tai useilla. Käyttäjä voi katsella mihin suuntaan tahansa, mutta kokemukseen ei liity vuorovaikutusta. VR viittaa yleensä tietokoneen luomaan ympäristöön, johon käyttäjä on upotettu. Se on vuorovaikutteinen kokemus: pelaaja voi liikkua ja hallita esineitä sen lisäksi, että katsoo kaikkiin suuntiin.

Vaihe 7:

Uusi sovelluksesi voi toimia lähtökohtana rikkaamman VR -kokemuksen luomiseksi. Unityllä on paljon ominaisuuksia, joita voit hyödyntää, kuten 3D -elementtien lisääminen tai hienojen hiukkastehosteiden lisääminen videon päällekkäin ja parantamiseen tai joidenkin interaktiivisten elementtien heittäminen.

Vaihe 8: Ei askelkävelyskripti (valinnainen)

Voit myös sijoittaa täyden 3D -ympäristön 360 -videosoittimen sisälle ja käyttää jälkimmäistä skyboxina. Käyttäjä voi navigoida maisemissa tämän hienon kävelyskriptin avulla.