Aplicació de 360 VR en 10 minuts amb unitat: 8 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:14

Com estem construint aquesta aplicació?

A diferència del vídeo normal que té un marc rectangular, el vídeo 360 té la forma d’una esfera. Per tant, primer hem de crear una pantalla esfèrica per projectar el nostre vídeo 360. El reproductor (o visor) estarà situat dins d’aquesta esfera i podrà veure el vídeo en qualsevol direcció. Els passos que s’indiquen a continuació us han de permetre fer els vostres propis canvis explicant com funciona tot sota el capó. Per obtenir instruccions pas a pas

Pas 1: el que necessiteu

Un telèfon Android amb giroscopi per detectar els moviments del cap, que funciona amb KitKat o un sistema operatiu més recent.

Un auricular de cartró. Si no en sou propietari, en podeu trobar molts a Amazon per menys de 10 dòlars.

Unity3D, un motor de joc multiplataforma, que heu d’instal·lar a l’ordinador, versió 5.6 o posterior. Utilitzarem aquest programari per construir tot el nostre projecte.

L'SDK de GoogleVR per a Unity, que podeu descarregar prèviament.

Un vídeo de 360 °. Feu-ne una amb una càmera 360 o podeu trobar vídeos 360 a Youtube, Facebook o qualsevol lloc web de vídeo 360

Pas 2: Creeu una esfera

En primer lloc, obrim un nou projecte Unity si comenceu de zero (o una nova escena si voleu integrar el reproductor de vídeo 360 en un projecte existent). Penseu en una escena com un nivell d’un videojoc i un projecte com un joc complet.

Després, afegiu un objecte d’esfera a l’escena, situat al centre (Posició = 0, 0, 0), amb un radi de 50 (Escala = 50, 50, 50). La posició de la càmera també s’ha d’establir a 0, 0, 0. La càmera és la mirada del jugador / espectador, de manera que la volem al centre de l’esfera. Si el col·loqueu a un altre lloc, el vídeo es veuria distorsionat. Un cop la càmera es col·loca dins de l’esfera, aquesta última ja no és visible a l’escena. No us preocupeu, hi ha una explicació per a això. De fet, la majoria dels motors de jocs no representen, per defecte, la cara interna dels objectes 3D. Això es deu al fet que poques vegades els necessitem veure, seria un malbaratament de recursos representar-los. Ho solucionarem a continuació.

Pas 3: gireu els valors normals de l’esfera

En el nostre cas, hem de veure la nostra Esfera des de dins. Aquest és el punt complet de l’aplicació, de manera que la convertirem de cap a fora.

A Unity, les esferes en realitat no són esferes (què? Ens han mentit durant tot el temps!), Són polígons fets amb milers de facetes petites i petites. Els costats externs de les facetes són visibles, però no els interns. Per aquest motiu, farem un programa per donar la volta a aquestes petites facetes com els panellets. En geometria 3D, anomenem aquesta transformació «normals inverses» o «normals invertides». Utilitzarem un programa anomenat Shader, que aplicarem al material de l’esfera. Els materials controlen l’aparició d’objectes a Unity. Els shaders són petits scripts que calculen el color de cada píxel representat, en funció de la il·luminació i la informació extreta dels seus materials. Per tant, creeu un nou material per a l’esfera i, a continuació, apliqueu un nou ombrejat a aquest material. Hem d’escriure codi personalitzat per a Shader … però no tingueu por, podeu copiar-enganxar el codi següent:

Feu clic en aquest enllaç per obtenir un enllaç de codi

Aquest petit Shader girarà cada píxel de l’esfera cap a fora. Ara la nostra Esfera apareix com una gran bola blanca, vista des de dins, dins de la nostra Escena. El següent pas és convertir aquesta esfera blanca en un reproductor de vídeo.

Pas 4: projecteu el vostre vídeo 360 dins de l'esfera

Aquí heu de tenir a mà un vídeo de 360 mp4. Importeu-lo al projecte i arrossegueu-lo a l'esfera. I és aleshores quan passa la màgia: apareix un component de ‘Reproductor de vídeo’ i es dispara, el vídeo està a punt per reproduir-se. Podeu jugar amb la configuració com bucles i àudio. També és compatible amb la transmissió.

Pas 5: voleu configurar Google Cardboard?

En aquest pas, farem que l’experiència se senti immersiva. És per això que el volem visualitzar en un auricular VR, aquí un Google Cardboard.

Anem a crear una vista "estereoscòpica" (la pantalla es dividirà en dos, amb alguns efectes d'ull de peix a banda i banda, un costat per a cada ull), mitjançant l'SDK de GoogleVR. L’efecte ull de peix a cada ull, combinat amb la distorsió de les lents de plàstic de Cardboard, és el que us proporciona la il·lusió de profunditat i immersió.

Per afegir l'SDK de GoogleVR al nostre projecte, descarregueu i importeu el connector i ajustarem una sèrie de configuracions d'Android:

• Aneu al menú de la barra superior> Fitxer> Configuració de compilació. Afegiu l'escena oberta si encara no s'ha afegit i, a continuació, seleccioneu Android a la llista de plataformes compatibles.
• Feu clic a Canvia de plataforma. Hauria de passar una estona la primera vegada que feu el canvi.
• Feu clic a Configuració del reproductor. Els components apareixen al tauler de l’instructor.

A l’instructor de Configuració del reproductor, a la secció “Altres configuracions”:

• Comproveu la realitat virtual compatible. A SDK de realitat virtual, seleccioneu la icona + i, a continuació, seleccioneu Cartró per afegir-lo a la llista.
• Introduïu un nom de paquet al camp Identificador de paquet (per exemple, com.yourdomain.demo360). Ha de ser única i s’utilitza per distingir la nostra aplicació d’altres de la botiga Google Play.
• Establiu el menú desplegable Nivell mínim d'API a "Android 4.4" Kit Kat "(nivell API 19)".

Després, agafeu l'element "GvrViewerMain" de la carpeta GoogleVR / Prefabs del navegador de projectes i arrossegueu-lo a l'escena. A l'Inspector, doneu-li la mateixa posició que el centre de l'esfera ((0, 0, 0).

El prefabricat de GvrViewerMain controla totes les configuracions del mode VR, com ara adaptar la pantalla a les lents de Cardboard. També es comunica amb el giroscopi del telèfon per fer un seguiment dels moviments del cap. Quan gireu el cap, la càmera i el que veieu també giren al reproductor de vídeo 360. Ara podeu mirar en totes direccions quan el vídeo està encès i la pantalla es divideix en dues, per adaptar-se a les dues lents del cartró.

Pas 6: voleu executar l'aplicació a Android?

Per al nostre darrer pas, executarem l'aplicació en un telèfon Android i la compartirem amb els amics. Hi ha dues maneres de fer-ho: torneu a Fitxer> Configuració de compilació. Podeu connectar un telèfon Android amb un cable USB a l’ordinador i fer clic a Construeix i executa. Això instal·la l’aplicació directament al telèfon i l’altra opció és fer clic només a Crea. Això no l’instal·la en un telèfon, sinó que genera un fitxer APK. Podeu compartir l’APK per correu electrònic amb tothom que vulgui provar l’obra mestra que acabeu de construir. Han de fer doble toc al fitxer adjunt de l’APK per instal·lar-lo als seus telèfons. Durant el procés de compilació, és possible que se us demani que seleccioneu la carpeta SDK Android principal. Si és així, descarregueu l’SDK d’Android i seleccioneu la ubicació de la carpeta. Inicieu l'aplicació, introduïu el telèfon a uns auriculars de cartró. Podeu substituir el vídeo per qualsevol cosa en format 360 i experimentar la immersió VR 360 a casa.

Anar més enllà

Enhorabona, heu creat una aplicació de vídeo 360 i esteu a un pas de crear una aplicació de vídeo VR. Tot i que els termes s’utilitzen sovint igual, 360 i VR defineixen dues experiències diferents: el vídeo 360 es grava des de tots els angles, amb una càmera especial o un conjunt de múltiples. L’usuari pot mirar en qualsevol direcció desitjada, però l’experiència no té interactivitat. VR normalment fa referència a un entorn generat per ordinador en el qual l’usuari està immers. És una experiència interactiva: el jugador pot moure’s i controlar objectes, a més de mirar en totes direccions.

Pas 7:

La vostra nova aplicació pot servir de punt de partida per crear una experiència de realitat virtual més rica. Unity té moltes funcions que podeu aprofitar, com ara afegir elements 3D o efectes de partícules genials ✨ per superposar i millorar el vostre vídeo, o introduir alguns elements interactius.

Pas 8: no és un guió de pas (opcional)

També podeu col·locar un entorn 3D complet dins del reproductor de vídeo 360 i utilitzar-lo com a skybox. L’usuari pot navegar pel paisatge mitjançant aquest guió intel·ligent.