360 VR -app på 10 minutter med enhed: 8 trin

2024 Forfatter: John Day | [email protected]. Sidst ændret: 2024-01-30 08:28

Hvordan bygger vi denne app?

I modsætning til almindelig video, der har en rektangulær ramme, har 360 -video form som en kugle. Så vi skal først oprette en sfærisk skærm til at projicere vores 360 -video på. Spilleren (eller seeren) vil være placeret inde i denne sfære og vil kunne se videoen i enhver retning. Nedenstående trin skal få dig til at føle dig bemyndiget til at foretage dine egne ændringer ved at forklare, hvordan det hele fungerer under emhætten. For trin-for-trin instruktioner

Trin 1: Hvad du har brug for

En Android -telefon med et gyroskop til at registrere hovedbevægelser, der kører på KitKat eller nyere operativsystem.

Et headset i pap. Hvis du ikke ejer en, kan du finde mange på Amazon for mindre end 10 dollars.

Unity3D, en cross-platform-spilmotor, som du skal installere på din computer, version 5.6 eller nyere. Vi vil bruge denne software til at bygge hele vores projekt.

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

En 360 -video. Skyd et med et 360 -kamera, eller du kan finde 360 -video på Youtube, Facebook eller ethvert 360 -video -websted

Trin 2: Byg en kugle

Lad os først åbne et nyt Unity -projekt, hvis du starter forfra (eller en ny scene, hvis du vil integrere 360 -videospilleren i et eksisterende projekt.) Tænk på en scene som ét niveau i et videospil og et projekt som et fuldt spil.

Derefter tilføjes et kugleobjekt i scenen, placeret i midten (position = 0, 0, 0) med en radius på 50 (skala = 50, 50, 50). Kameraets position skal også indstilles til 0, 0, 0. Kameraet er afspillerens/seerens øjne, så vi vil have det i midten af kuglen. Hvis du placerer det andre steder, ville videoen se forvrænget ud. Når kameraet er placeret inde i kuglen, er sidstnævnte ikke længere synlig i scenen. Bare rolig, der er en forklaring på det! Faktisk gengiver de fleste spilmotorer ikke som standard indersiden af 3D -objekter som standard. Dette er fordi vi sjældent har brug for at se dem, det ville være spild af ressourcer at gengive dem. Det ordner vi derefter.

Trin 3: Vend kuglens normaler

I vores tilfælde har vi brug for at se vores sfære indefra. Det er hele pointen med appen, så vi kommer til at vende den ud og ind.

I Enhed er sfærer faktisk ikke sfærer (hvad? Vi har været løjet for hele tiden!), De er polygoner lavet med tusinder af små, små facetter. Facets ydre sider er synlige, men ikke de interne. Af den grund vil vi lave et program til at vende disse små facetter som pandekager. I 3D -geometri kalder vi denne transformation for "reverserende normaler" eller "flipping normals". Vi bruger et program kaldet en Shader, som vi anvender på Materialet i Sfæren. Materialer styrer udseendet af objekter i Unity. Shaders er små scripts, der beregner farven på hver gengivet pixel, baseret på belysning og information hentet fra deres materialer. Opret derfor et nyt materiale til kuglen, derefter anvendes en ny skygge på dette materiale. Vi skal skrive brugerdefineret kode til Shader … men frygt ikke, du kan kopiere og indsætte koden herunder:

Klik på dette link for kodelink

Denne lille Shader kommer til at vende hver pixel af kuglen indeni og ud. Nu fremstår vores sfære som en stor hvid kugle set indefra i vores scene. Det næste trin er at gøre denne hvide kugle til en videoafspiller.

Trin 4: Projektér din 360 -video inde i kuglen

Her skal du have en 360 mp4 video til rådighed. Importer det i projektet, og træk det derefter til kuglen. Og det er, når magien sker: en 'Video Player' -komponent vises og boom, videoen er klar til afspilning. Du kan afspille med indstillingerne som sløjfer og lyd. Det understøtter også streaming!

Trin 5: Opsætning af Google Cardboard?

I dette trin får vi oplevelsen til at føles virkelig fordybende. Derfor vil vi se det i et VR -headset, her et Google Cardboard.

Vi skal oprette en "stereoskopisk" visning (skærmen bliver delt i to, med nogle fiskeøjeeffekter på begge sider - den ene side for hvert øje) ved hjælp af GoogleVR SDK. Fiskeøjeeffekten på hvert øje kombineret med forvrængning af papens plastiklinser er det, der giver dig en illusion om dybde og fordybelse.

For at tilføje GoogleVR SDK til vores projekt skal du downloade og importere pluginet, så justerer vi en masse Android -indstillinger:

• Gå til den øverste bjælkemenu> Filer> Opbygningsindstillinger. Tilføj din åbne scene, hvis den ikke allerede er tilføjet, og vælg derefter Android på listen over understøttede platforme.
• Klik på Skift platform. Det skulle tage lidt tid, første gang du skifter.
• Klik på Spillerindstillinger. Komponenter vises i instruktørpanelet.

I instruktøren for afspillerindstillinger under sektionen 'Andre indstillinger':

• Kontroller understøttet virtual reality. Under Virtual Reality SDK'er skal du vælge ikonet + og derefter vælge Karton for at tilføje det til listen.
• Indtast et pakkenavn i feltet Bundle Identifier (f.eks. Com.dit domæne.demo360). Den skal være unik og bruges til at skelne vores app fra andre i Google Play -butikken.
• Indstil rullemenuen Minimum API-niveau til "Android 4.4 'Kit Kat' (API-niveau 19)".

Bagefter skal du tage elementet ‘GvrViewerMain’ fra mappen GoogleVR / Prefabs i projektbrowseren og trække det ind i scenen. Giv inspektøren den samme position som midten af kuglen - (0, 0, 0).

GvrViewerMain præfabrikeret styrer alle VR -tilstandsindstillinger, f.eks. Tilpasning af skærmen til papens linser. Det kommunikerer også med din telefons gyroskop for at spore dine hovedbevægelser. Når du vender hovedet, vender kameraet og det, du ser, også inde i 360 -videospilleren. Nu kan du se i alle retninger, når videoen er tændt, og skærmen er delt i to, for at rumme begge linser af pap.

Trin 6: Kør appen på Android?

Til vores sidste trin kører vi appen på en Android -telefon og deler den med venner! Der er to måder at gøre det på: Gå tilbage til Filer> Byg indstillinger. Du kan tilslutte en Android -telefon med et USB -kabel til din computer og klikke på Build & Run. Dette installerer appen direkte på din telefon. Den anden mulighed er at klikke på Byg kun. Dette installerer det ikke på en telefon, men genererer i stedet en APK -fil. Du kan dele APK'en via e -mail med alle, der ønsker at prøve det mesterværk, du lige har bygget. De skal dobbelttrykke på APK-vedhæftede filer for at installere det på deres telefoner. Under byggeprocessen kan du blive bedt om at vælge rod Android SDK-mappen. Hvis det er tilfældet, skal du downloade Android SDK og derefter vælge dets mappeplacering. Start appen, kom din telefon i et Cardboard -headset, så er du klar til at gå! Du kan erstatte videoen med alt i 360 -format og opleve VR 360 -fordybelse derhjemme.

Går videre

Tillykke, du har lavet en 360 -video -app, og du er et skridt væk fra at oprette en VR -video -app! Mens udtrykkene ofte bruges ens, definerer 360 og VR to forskellige oplevelser: 360 -video optages fra alle vinkler med et specielt kamera eller en samling af flere. Brugeren kan se i enhver ønsket retning, men der er ingen interaktivitet med oplevelsen. VR refererer normalt til et computergenereret miljø, hvor brugeren er nedsænket. Det er en interaktiv oplevelse: Spilleren kan bevæge sig rundt og kontrollere objekter, udover at kigge i alle retninger.

Trin 7:

Din nye app kan tjene som udgangspunkt for at opbygge en rigere VR -oplevelse. Unity har masser af funktioner, du kan udnytte, f.eks. Tilføjelse af 3D -elementer eller fede partikeleffekter ✨ for at overlejre og forbedre din video eller smide nogle interaktive elementer i.

Trin 8: Ikke et trin gående script (valgfrit)

Du kan også placere et fuldt 3D -miljø inde i 360 -videoafspilleren og bruge sidstnævnte som en skybox. Brugeren kan navigere i landskabet ved hjælp af dette fede walking script.