360 VR -app in 10 minute met eenheid: 8 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:26

Hoe bou ons hierdie app?

Anders as gewone video met 'n reghoekige raam, het 360 -video die vorm van 'n bol. Ons moet dus eers 'n sferiese skerm maak om ons 360 -video op te projekteer. Die speler (of kyker) sal in hierdie sfeer geleë wees en die video in enige rigting kan kyk. Die onderstaande stappe moet u in staat stel om u eie veranderinge aan te bring deur te verduidelik hoe dit alles onder die enjinkap werk. Vir stap-vir-stap instruksies

Stap 1: wat u benodig

'N Android -foon met 'n gyroscoop om kopbewegings te sien, wat op KitKat of nuwer bedryfstelsel werk.

'N Karton -headset. As u nie een besit nie, kan u baie op Amazon vind vir minder as 10 dollar.

Unity3D, 'n platform-platform-enjin, wat u op u rekenaar moet installeer, weergawe 5.6 of nuwer. Ons sal hierdie sagteware gebruik om ons hele projek te bou.

Die GoogleVR SDK for Unity, wat u vooraf kan aflaai.

'N 360 -video. Skiet een met 'n 360 -kamera, of u kan 360 -video op Youtube, Facebook of enige 360 -video -webwerf vind

Stap 2: Bou 'n sfeer

Laat ons eers 'n nuwe Unity -projek oopmaak as u van voor af begin (of 'n nuwe toneel as u die 360 -videospeler in 'n bestaande projek wil integreer.) Beskou 'n toneel as een vlak van 'n videospeletjie en 'n projek as 'n volledige spel.

Voeg daarna 'n bolvoorwerp in die toneel, wat in die middel daarvan geplaas is (posisie = 0, 0, 0), met 'n radius van 50 (skaal = 50, 50, 50). Die kamera se posisie moet ook ingestel wees op 0, 0, 0. Die kamera is die speler/kyker se oë, so ons wil dit in die middel van die sfeer hê. As jy dit elders plaas, sal die video verwronge lyk. Sodra die kamera in die bol geplaas is, is laasgenoemde nie meer sigbaar in die toneel nie. Moenie bekommerd wees nie, daar is 'n verduideliking daarvoor! Die meeste spelmotors lewer inderdaad standaard nie die binnekant van 3D -voorwerpe standaard nie. Dit is omdat ons dit selde hoef te sien; dit sal 'n vermorsing van hulpbronne wees om dit te lewer. Ons sal dit volgende regmaak.

Stap 3: Draai die sfeer se norme om

In ons geval moet ons ons sfeer van binne af sien. Dit is die hele punt van die app, so ons gaan dit van binne na buite draai.

In Unity is sfere nie eintlik sfere nie (wat? Daar is al die tyd vir ons gelieg!), Dit is veelhoeke wat gemaak is met duisende klein fasette. Die buitekant van die fasette is sigbaar, maar nie die interne nie. Om hierdie rede gaan ons 'n program maak om hierdie fasette soos pannekoeke om te draai. In 3D -meetkunde noem ons hierdie transformasie 'omkerende norme' of 'omdraaiende norme'. Ons gebruik 'n program genaamd 'Shader' wat ons op die materiaal van die sfeer sal toepas. Materiale beheer die voorkoms van voorwerpe in Unity. Shaders is klein skrifte wat die kleur van elke weergawe van die pixel bereken, gebaseer op beligting en inligting uit hul materiaal. Skep dus 'n nuwe materiaal vir die sfeer, en dan 'n nuwe skaduwee op hierdie materiaal. Ons moet persoonlike kode vir die Shader skryf … maar wees nie bevrees nie, u kan die onderstaande kode kopieer en plak:

Klik op hierdie skakel vir kode skakel

Hierdie klein Shader gaan elke pixel van die bol binne -in draai. Nou lyk ons sfeer soos 'n groot wit bal, van binne gesien, binne ons toneel. Die volgende stap is om hierdie wit bol in 'n videospeler te verander.

Stap 4: Projekteer u 360 -video in die sfeer

Hier moet u 'n 360 mp4 -video byderhand hê. Voer dit in die projek in, en sleep dit dan na die sfeer. En dit is wanneer die magie gebeur: 'n 'Video Player' -komponent verskyn, en die video is gereed om te speel. U kan speel met die instellings soos lusse en klank. Dit ondersteun ook streaming!

Stap 5: Stel Google Cardboard op?

In hierdie stap sal ons die ervaring regtig indrukwekkend laat voel. Daarom wil ons dit in 'n VR -headset, hier 'n Google Cardboard, sien.

Ons gaan 'n 'stereoskopiese' aansig skep (die skerm word in twee verdeel, met 'n paar visoog -effekte aan beide kante - een kant vir elke oog), met behulp van die GoogleVR SDK. Die visoog -effek op elke oog, gekombineer met die verdraaiing van die karton se plastieklense, gee u die illusie van diepte en onderdompeling.

Aflaai en invoer die inprop om die GoogleVR SDK by ons projek te voeg, dan pas ons 'n klomp Android -instellings aan:

• Gaan na die boonste balkieslys> File> Build Settings. Voeg u oop toneel by as dit nog nie bygevoeg is nie, en kies dan Android in die lys van ondersteunde platforms.
• Klik op Skakel platform. Dit moet 'n rukkie neem voordat u die eerste keer oorskakel.
• Klik op Player Settings. Komponente verskyn in die Instrukteur -paneel.

In die instrukteur van die spelerinstellings, onder die afdeling 'Ander instellings':

• Gaan die ondersteuning van virtuele realiteit na. Kies onder Virtual Reality SDK's die + -ikoon en kies dan Karton om dit by die lys te voeg.
• Voer 'n pakketnaam in die Bundle Identifier -veld in (byvoorbeeld com.yourdomain.demo360). Dit moet uniek wees en word gebruik om ons app te onderskei van ander in die Google Play -winkel.
• Stel die keuselys Minimum API-vlak in op "Android 4.4 'Kit Kat' (API-vlak 19)".

Haal daarna die element 'GvrViewerMain' uit die gids GoogleVR / Prefabs in die projekblaaier en sleep dit na die toneel. Gee dit in die inspekteur dieselfde posisie as die middelpunt van die sfeer - (0, 0, 0).

Die prefab GvrViewerMain beheer alle VR -modusinstellings, soos om die skerm aan te pas by die kartonlense. Dit kommunikeer ook met die gyroscoop van u telefoon om u kopbewegings te volg. As u u kop draai, draai die kamera en wat u sien ook binne -in die 360 -videospeler. Nou kan u in alle rigtings kyk as die video aan is en die skerm in twee verdeel is, om albei lense van die karton te akkommodeer.

Stap 6: Begin die app op Android?

Vir ons laaste stap sal ons die app op 'n Android -selfoon laat loop en dit met vriende deel. Daar is twee maniere om dit te doen: Gaan terug na File> Build Settings. U kan 'n Android -telefoon met 'n USB -kabel aan u rekenaar koppel en op Build & Run klik. Dit installeer die app direk op u telefoon. Die ander opsie is om slegs op Build te klik. Dit installeer dit nie op 'n telefoon nie, maar genereer eerder 'n APK -lêer. U kan die APK per e -pos deel met almal wat die meesterstuk wat u pas gebou het, wil probeer. Hulle moet twee keer op die APK-aanhangsel tik om dit op hul selfone te installeer. Tydens die bouproses kan u gevra word om die wortel Android SDK-lêergids te kies. As dit die geval is, laai die Android SDK af en kies die ligging van die lêergids. Begin die app, steek jou foon in 'n karton -headset, jy is gereed! U kan die video met enigiets in 360 -formaat vervang en tuis onderdompeling in VR 360 beleef.

Gaan verder

Baie geluk, jy het 'n 360 -video -app gemaak en jy is net 'n entjie verder om 'n VR -video -app te skep! Alhoewel die terme dikwels dieselfde gebruik word, definieer 360 en VR twee verskillende ervarings: 360 -video word vanuit alle hoeke opgeneem, met 'n spesiale kamera of 'n samestelling van verskeie. Die gebruiker kan in elke gewenste rigting kyk, maar die ervaring is nie interaktief nie. VR verwys gewoonlik na 'n rekenaargegenereerde omgewing waarin die gebruiker ondergedompel is. Dit is 'n interaktiewe ervaring: die speler kan rondbeweeg en voorwerpe beheer, benewens om in alle rigtings te kyk.

Stap 7:

U nuwe app kan as 'n beginpunt dien om 'n ryker VR -ervaring op te bou. Unity het baie funksies wat u kan gebruik, soos die toevoeging van 3D -elemente of koel deeltjie -effekte ✨ om u video te bedek en te verbeter, of om interaktiewe elemente in te gooi.

Stap 8: Not a Step Walking Script (opsioneel)

U kan ook 'n volledige 3D -omgewing in die 360 -videospeler plaas en laasgenoemde as 'n skybox gebruik. Die gebruiker kan deur die natuurskoon navigeer met behulp van hierdie handige stapskrif.