360 VR -app på 10 minutter med enhet: 8 trinn

2024 Forfatter: John Day | [email protected]. Sist endret: 2024-01-30 11:23

Hvordan bygger vi denne appen?

I motsetning til vanlig video som har en rektangulær ramme, har 360 -video form som en kule. Så vi må først lage en sfærisk skjerm for å projisere 360 -videoen vår på. Spilleren (eller seeren) vil befinne seg inne i denne sfæren og vil kunne se videoen i alle retninger. Trinnene nedenfor skal få deg til å føle deg bemyndiget til å gjøre dine egne endringer, ved å forklare hvordan det hele fungerer under panseret. For trinnvise instruksjoner

Trinn 1: Det du trenger

En Android -telefon med et gyroskop for å føle hodebevegelser, som kjører på KitKat eller nyere operativsystem.

Et papphodesett. Hvis du ikke eier en, kan du finne mange på Amazon for mindre enn 10 dollar.

Unity3D, en cross-platform-spillmotor, som du må installere på datamaskinen din, versjon 5.6 eller nyere. Vi vil bruke denne programvaren til å bygge hele prosjektet vårt.

GoogleVR SDK for Unity, som du kan laste ned på forhånd.

En 360 -video. Skyt en med et 360 -kamera, eller du kan finne 360 -video på Youtube, Facebook eller et hvilket som helst 360 -videonettsted

Trinn 2: Bygg en sfære

La oss først åpne et nytt Unity -prosjekt hvis du starter fra bunnen av (eller en ny scene hvis du vil integrere 360 -videospilleren i et eksisterende prosjekt.) Tenk på en scene som ett nivå i et videospill, og et prosjekt som et fullt spill.

Legg deretter til et kuleobjekt i scenen, plassert i midten (posisjon = 0, 0, 0), med en radius på 50 (skala = 50, 50, 50). Kameraets posisjon bør også settes til 0, 0, 0. Kameraet er spillerens/betrakterens øyne, så vi vil ha det i midten av sfæren. Hvis du plasserer den andre steder, vil videoen se forvrengt ut. Når kameraet er plassert inne i kulen, er sistnevnte ikke lenger synlig i scenen. Ikke bekymre deg, det er en forklaring på det! Faktisk gjengir de fleste spillmotorer som standard ikke innsiden av 3D -objekter som standard. Dette er fordi vi sjelden trenger å se dem, det ville være sløsing med ressurser å gjengi dem. Vi fikser det neste.

Trinn 3: Vend sfærens normaler

I vårt tilfelle trenger vi å se sfæren vår fra innsiden. Det er hele poenget med appen, så vi skal snu den på innsiden.

I Unity er sfærer egentlig ikke sfærer (hva? Vi har blitt løyet for hele tiden!), De er polygoner laget med tusenvis av små, små fasetter. De ytre sidene av fasettene er synlige, men ikke de indre. Av den grunn skal vi lage et program for å snu disse små fasettene som pannekaker. I 3D -geometri kaller vi denne transformasjonen for «reverserende normaler» eller «flipping normals». Vi bruker et program som kalles en Shader, som vi skal bruke på Material of the Sphere. Materialer styrer utseendet til gjenstander i Unity. Shaders er små skript som beregner fargen på hver piksel gjengitt, basert på belysning og informasjon hentet fra materialet. Deretter lager du et nytt materiale for sfæren, deretter brukes en ny skyggelegger på dette materialet. Vi må skrive tilpasset kode for Shader … men ikke frykt, du kan kopiere og lime inn koden nedenfor:

Klikk på denne lenken for kodekobling

Denne lille Shader kommer til å snu hver piksel av sfæren ut og inn. Nå ser sfæren vår ut som en stor hvit ball, sett innenfra, i scenen vår. Det neste trinnet er å gjøre denne hvite kula til en videospiller.

Trinn 4: Prosjekter 360 -videoen din inne i sfæren

Her må du ha en 360 mp4 video for hånden. Importer den i prosjektet, og dra den deretter til sfæren. Og det er da magien skjer: en "Videospiller" -komponent dukker opp, og videoen er klar til å spilles av. Du kan spille med innstillingene som sløyfer og lyd. Den støtter også streaming!

Trinn 5: Konfigurere Google Cardboard?

I dette trinnet får vi opplevelsen til å føles oppslukende. Derfor ønsker vi å se det i et VR -headset, her et Google Cardboard.

Vi skal lage en "stereoskopisk" visning (skjermen deles i to, med noen fiskeøyeeffekter på begge sider - en side for hvert øye), ved hjelp av GoogleVR SDK. Fiskeøyeeffekten på hvert øye, kombinert med forvrengning av kartongens plastlinser, er det som gir deg en illusjon av dybde og nedsenking.

For å legge til GoogleVR SDK i prosjektet vårt, last ned og importer pluginet, så justerer vi en haug med Android -innstillinger:

• Gå til topplinjemenyen> Fil> Bygginnstillinger. Legg til den åpne scenen din hvis den ikke allerede er lagt til, og velg deretter Android i listen over støttede plattformer.
• Klikk på Bytt plattform. Det bør ta litt tid første gangen du bytter.
• Klikk på Spillerinnstillinger. Komponenter vises i instruktørpanelet.

I instruktøren for spillerinnstillinger, under delen "Andre innstillinger":

• Sjekk Virtual Reality støttet. Under Virtual Reality SDK -er velger du + -ikonet, og deretter velger du Kartong for å legge det til på listen.
• Skriv inn et pakkenavn i feltet Bundle Identifier (for eksempel com.ditt domene.demo360). Den må være unik og brukes til å skille appen fra andre i Google Play -butikken.

• Sett rullegardinmenyen Minimum API-nivå til "Android 4.4 'Kit Kat' (API-nivå 19)".

Deretter tar du elementet ‘GvrViewerMain’ fra mappen GoogleVR / Prefabs i prosjektleseren, og drar det inn i scenen. I inspektøren gir du den samme posisjonen som midten av sfæren - (0, 0, 0).

GvrViewerMain -prefabrikken styrer alle VR -modusinnstillinger, for eksempel å tilpasse skjermen til kartongens linser. Det kommuniserer også med telefonens gyroskop for å spore hodebevegelsene dine. Når du snur på hodet, snur også kameraet og det du ser inne i 360 videospilleren. Nå kan du se i alle retninger når videoen er på og skjermen er delt i to, for å imøtekomme begge linsene på pappet.

Trinn 6: Kjør appen på Android?

For det siste trinnet kjører vi appen på en Android -telefon og deler den med venner. Det er to måter å gjøre det på: Gå tilbake til Fil> Bygg innstillinger. Du kan koble en Android -telefon med en USB -kabel til datamaskinen og klikke på Build & Run. Dette installerer appen direkte til telefonen din. Det andre alternativet er å klikke på Bare bygge. Dette installerer det ikke på en telefon, men genererer i stedet en APK -fil. Du kan dele APK -en på e -post med alle som vil prøve mesterverket du nettopp har bygd. De må dobbelttrykke på APK-vedlegget for å installere det på telefonene sine. Under byggeprosessen kan du bli bedt om å velge roten Android SDK-mappe. Hvis det er tilfelle, last ned Android SDK og velg mappens plassering. Start appen, legg telefonen inn i et papphodesett, så er du i gang! Du kan erstatte videoen med alt i 360 -format og oppleve VR 360 -fordypning hjemme.

Gå videre

Gratulerer, du har laget en 360 -video -app, og du er et skritt unna å lage en VR -video -app! Selv om begrepene ofte brukes likt, definerer 360 og VR to forskjellige opplevelser: 360 -video blir spilt inn fra alle vinkler, med et spesielt kamera eller en samling av flere. Brukeren kan se i hvilken som helst retning, men det er ingen interaktivitet med opplevelsen. VR refererer vanligvis til et datagenerert miljø der brukeren er nedsenket. Det er en interaktiv opplevelse: spilleren kan bevege seg rundt og kontrollere objekter, i tillegg til å se i alle retninger.

Trinn 7:

Den nye appen din kan tjene som utgangspunkt for å bygge en rikere VR -opplevelse. Unity har mange funksjoner du kan dra nytte av, for eksempel å legge til 3D -elementer eller kule partikkeleffekter ✨ for å legge over og forbedre videoen din, eller kaste inn noen interaktive elementer.

Trinn 8: Ikke et trinnskript (valgfritt)

Du kan også plassere et fullt 3D -miljø inne i 360 videospilleren og bruke sistnevnte som en skybox. Brukeren kan navigere i naturen ved å bruke dette fulle vandringsskriptet.