360 VR App sa 10 Minuto Na May Unity: 8 Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:13

Paano namin binubuo ang app na ito?

Hindi tulad ng regular na video na may isang hugis-parihaba na frame, ang 360 na video ay may hugis ng isang globo. Kaya, kailangan muna naming lumikha ng isang spherical screen upang i-project ang aming 360 na video papunta. Ang manlalaro (o manonood) ay matatagpuan sa loob ng sphere na ito at makakapanood ng video sa anumang direksyon. Ang mga hakbang sa ibaba ay dapat makaramdam sa iyo ng kapangyarihan na gumawa ng iyong sariling mga pagbabago, sa pamamagitan ng pagpapaliwanag kung paano ito gumagana sa ilalim ng hood. Para sa mga sunud-sunod na tagubilin

Hakbang 1: Ano ang Kailangan Mo

Isang Android phone na may gyroscope upang maunawaan ang mga paggalaw ng ulo, tumatakbo sa KitKat o mas bagong OS.

Isang headset ng Cardboard. Kung wala kang pag-aari, maaari kang makahanap ng marami sa Amazon nang mas mababa sa 10 dolyar.

Ang Unity3D, isang cross-platform game engine, na kailangan mong i-install sa iyong computer, bersyon 5.6 o mas bago. Gagamitin namin ang software na ito upang mabuo ang aming buong proyekto.

Ang GoogleVR SDK for Unity, na maaari mong i-download muna.

Isang 360 na video. I-shoot ang isa gamit ang isang 360 camera o maaari kang makahanap ng 360 na video sa Youtube, Facebook o Anumang 360 Video Website

Hakbang 2: Bumuo ng isang Sphere

Una, buksan natin ang isang bagong Unity Project kung nagsisimula ka mula sa simula (o isang bagong Scene kung nais mong isama ang 360 video player sa isang mayroon nang proyekto.) Isipin ang isang Eksena bilang isang antas ng isang video game, at isang Project bilang isang buong laro.

Pagkatapos, magdagdag ng isang sphere object sa Scene, inilagay sa gitna nito (Posisyon = 0, 0, 0), na may radius na 50 (Scale = 50, 50, 50). Ang posisyon ng Camera ay dapat ding itakda sa 0, 0, 0. Ang Camera ay ang mga mata ng player / manonood kaya nais namin ito sa gitna ng Sphere. Ang paglalagay nito sa ibang lugar ay magpapangit sa video. Kapag inilagay ang Camera sa loob ng Sphere, ang huli ay hindi na nakikita sa Scene. Huwag magalala, may paliwanag para doon! Sa katunayan, ang karamihan sa mga engine ng laro ay hindi, bilang default, nai-render bilang default ang panloob na bahagi ng mga 3D na bagay. Ito ay dahil bihirang kailangan nating makita ang mga ito, sayang ang mapagkukunan upang maibigay ang mga ito. Susundan natin itong ayusin.

Hakbang 3: I-flip ang Sphere's Normals

Sa aming kaso, kailangan nating makita ang aming Sphere mula sa loob. Iyon ang buong punto ng app, kaya gagawin namin ito sa loob-labas.

Sa Unity, ang mga spheree ay hindi talaga mga sphere (ano? Sinungaling kami sa lahat!), Ang mga ito ay mga polygon na ginawa ng libu-libong maliliit, maliliit na mukha. Ang mga panlabas na panig ng mga facet ay nakikita, ngunit hindi ang panloob na mga. Para sa kadahilanang iyon, gagawa kami ng isang programa upang i-flip ang mga maliliit na facet na ito tulad ng pancake. Sa 3D geometry, tinawag namin ang pagbabagong ito na «baliktad na mga normal» o «flipping normals». Gagamitin namin ang isang program na tinatawag na isang Shader, na ilalapat namin sa Materyal ng Kalipunan. Kinokontrol ng mga materyales ang hitsura ng mga bagay sa Unity. Ang mga shader ay maliit na script na kinakalkula ang kulay ng bawat pixel na nai-render, batay sa pag-iilaw at impormasyon na nakuha mula sa kanilang Mga Materyales. Samakatuwid lumikha ng isang bagong Materyal para sa Sphere, pagkatapos ay isang bagong Shader na inilapat sa Materyal na ito. Kailangan naming magsulat ng pasadyang code para sa Shader … ngunit walang takot, maaari mong kopyahin ang i-paste ang code sa ibaba:

I-click ang Link na ito para sa Link ng Code

Ang maliit na Shader na ito ay i-on ang bawat pixel ng globo sa loob. Ngayon ang aming Sphere ay lilitaw tulad ng isang malaking puting bola, tiningnan mula sa loob, sa loob ng aming Scene. Ang susunod na hakbang ay upang gawing isang video player ang puting globo na ito.

Hakbang 4: Ipa-project ang Iyong 360 Video sa Loob ng Sphere

Dito kailangan mong magkaroon ng isang 360 mp4 video sa kamay. I-import ito sa proyekto, pagkatapos ay i-drag ito sa Sphere. At doon nangyari ang mahika: lilitaw at boom ang isang sangkap na 'Video Player', handa nang i-play ang video. Maaari kang maglaro kasama ang mga setting tulad ng mga loop at audio. Sinusuportahan din nito ang streaming!

Hakbang 5: I-set up ang Google Cardboard?

Sa hakbang na ito, gagawing talagang nakaka-immersive ang karanasan. Iyon ang dahilan kung bakit nais naming tingnan ito sa isang VR headset, narito ang isang Google Cardboard.

Lilikha kami ng isang "stereoscopic" view (ang screen ay hahatiin sa dalawa, na may ilang mga epekto ng fisheye sa magkabilang panig - isang panig para sa bawat mata), gamit ang GoogleVR SDK. Ang epekto ng fisheye sa bawat mata, na sinamahan ng pagbaluktot ng mga plastic lens ng Cardboard, ang nagbibigay sa iyo ng ilusyon ng lalim at paglulubog.

Upang idagdag ang GoogleVR SDK sa aming proyekto, i-download at i-import ang plugin, pagkatapos ay aayusin namin ang isang pangkat ng mga setting ng Android:

• Pumunta sa tuktok na menu ng bar> File> Mga Setting ng Build. Idagdag ang iyong bukas na eksena kung hindi pa ito naidagdag, pagkatapos ay piliin ang Android sa listahan ng mga sinusuportahang platform.
• Mag-click sa Switch Platform. Dapat itong tumagal ng kaunti habang sa unang pagkakataon na gumawa ka ng switch.
• Mag-click sa Mga Setting ng Player. Lumilitaw ang mga bahagi sa panel ng Instructor.

Sa Instruktor ng Mga Setting ng Player, sa ilalim ng seksyong 'Iba Pang Mga Setting':

• Suriin ang Suportadong Virtual Reality. Sa ilalim ng mga Virtual Reality SDK, piliin ang icon na +, pagkatapos ay piliin ang Cardboard upang idagdag ito sa listahan.
• Magpasok ng isang pangalan ng pakete sa patlang ng Tagakakilala (halimbawa, com.yourdomain.demo360). Dapat itong maging natatangi at ginagamit upang makilala ang aming app mula sa iba pa sa Google Play store.
• Itakda ang drop-down na menu ng Minimum API Level sa "Android 4.4 'Kit Kat' (API level 19)".

Pagkatapos, kunin ang sangkap na 'GvrViewerMain' mula sa folder ng GoogleVR / Prefabs sa Project Browser, at i-drag ito sa eksena. Sa Inspektor, bigyan ito ng parehong Posisyon bilang gitna ng Sphere - (0, 0, 0).

Kinokontrol ng GvrViewerMain prefab ang lahat ng mga setting ng VR Mode, tulad ng pagbagay sa screen sa mga lente ng Cardboard. Nakikipag-usap din ito sa gyroscope ng iyong telepono upang subaybayan ang paggalaw ng iyong ulo. Kapag napalingon ka, ang Camera at ang nakikita mo ay lumiliko din sa loob ng 360 video player. Maaari mo na ngayong tingnan ang lahat ng direksyon kung ang video ay nakabukas at ang screen ay nahahati sa dalawa, upang mapaunlakan ang parehong mga lente ng Cardboard.

Hakbang 6: Patakbuhin ang App sa Android?

Para sa aming panghuling hakbang, tatakbo namin ang app sa isang Android phone at ibahagi ito sa mga kaibigan! Mayroong dalawang paraan upang magawa iyon: Bumalik sa File> Mga Setting ng Build. Maaari kang mag-plug ng isang Android phone na may isang USB cable sa iyong computer at mag-click sa Build & Run. Ini-install nito ang app diretso sa iyong telepono. Ang iba pang pagpipilian ay mag-click sa Build lamang. Hindi nito mai-install ito sa isang telepono, ngunit sa halip ay bumubuo ng isang APK file. Maaari mong ibahagi ang APK sa pamamagitan ng email sa sinumang nais na subukan ang obra maestra na iyong itinayo lamang. Kailangan nilang mag-double tap sa attachment ng APK upang mai-install ito sa kanilang mga telepono. Sa panahon ng proseso ng pagbuo, maaari kang hilingin sa iyo na piliin ang root na Android SDK folder. Kung iyon ang kaso, i-download ang Android SDK pagkatapos ay piliin ang lokasyon ng folder nito. Ilunsad ang app, i-pop ang iyong telepono sa isang headset ng Cardboard, mahusay kang pumunta! Maaari mong palitan ang video ng anumang nasa format na 360 at maranasan ang pagsasawsaw sa VR 360 sa bahay.

Pupunta pa sa Malayo

Binabati kita, gumawa ka ng isang 360 video app, at isang hakbang ka pa mula sa paglikha ng isang VR video app! Habang ang mga termino ay madalas na ginagamit magkatulad, ang 360 at VR ay tumutukoy sa dalawang magkakaibang karanasan: 360 na video ang naitala mula sa lahat ng mga anggulo, na may isang espesyal na camera o isang pagpupulong ng maraming mga bago. Maaaring manuod ang gumagamit sa anumang direksyon na ninanais, ngunit walang kakayahang makipag-ugnay sa karanasan. Karaniwang tumutukoy ang VR sa isang kapaligiran na nabuo ng computer kung saan ang gumagamit ay nahuhulog. Ito ay isang interactive na karanasan: ang player ay maaaring ilipat sa paligid at kontrolin ang mga bagay, bilang karagdagan sa pagtingin sa lahat ng mga direksyon.

Hakbang 7:

Maaaring magsilbing panimulang punto ang iyong bagong app upang makabuo ng isang mas mayamang karanasan sa VR. Ang pagkakaisa ay may maraming mga tampok na maaari mong magamit, tulad ng pagdaragdag ng mga elemento ng 3D o mga cool na epekto ng maliit na butil ✨ upang ma-overlay at mapahusay ang iyong video, o magtapon ng ilang mga interactive na elemento.

Hakbang 8: Hindi isang Hakbang sa Walking Script (Opsyonal)

Maaari mo ring ilagay ang isang buong 3D na kapaligiran sa loob ng 360 video player at gamitin ang huli bilang isang skybox. Maaaring mag-navigate ang gumagamit sa tanawin, gamit ang napakagandang script sa paglalakad na ito.