Aplicación 360 VR en 10 minutos con Unity: 8 pasos

2024 Autor: John Day | [email protected]. Última modificación: 2024-01-30 08:42

¿Cómo estamos construyendo esta aplicación?

A diferencia del video normal que tiene un marco rectangular, el video 360 tiene la forma de una esfera. Entonces, primero necesitamos crear una pantalla esférica para proyectar nuestro video 360. El jugador (o espectador) se ubicará dentro de esta esfera y podrá ver el video en cualquier dirección. Los pasos a continuación deberían hacer que se sienta capacitado para realizar sus propios cambios, al explicar cómo funciona todo bajo el capó. Para obtener instrucciones paso a paso

Paso 1: lo que necesita

Un teléfono Android con un giroscopio para detectar los movimientos de la cabeza, que se ejecuta en KitKat o un sistema operativo más nuevo.

Un auricular de cartón. Si no tiene uno, puede encontrar muchos en Amazon por menos de 10 dólares.

Unity3D, un motor de juego multiplataforma, que necesita instalar en su computadora, versión 5.6 o más reciente. Usaremos este software para construir todo nuestro proyecto.

El SDK de GoogleVR para Unity, que puede descargar de antemano.

Un video 360. Grabe uno con una cámara 360 o puede encontrar videos 360 en Youtube, Facebook o cualquier sitio web de videos 360

Paso 2: construye una esfera

Primero, abramos un nuevo Proyecto de Unity si está comenzando desde cero (o una nueva Escena si desea integrar el reproductor de video 360 en un proyecto existente). Piense en una Escena como un nivel de un videojuego y un Proyecto como un juego completo.

Luego, agregue un objeto esfera en la Escena, colocado en su centro (Posición = 0, 0, 0), con un radio de 50 (Escala = 50, 50, 50). La posición de la cámara también debe establecerse en 0, 0, 0. La cámara son los ojos del jugador / espectador, por lo que la queremos en el centro de la esfera. Colocarlo en otro lugar haría que el video pareciera distorsionado. Una vez que la cámara se coloca dentro de la esfera, esta última ya no es visible en la escena. ¡No te preocupes, hay una explicación para eso! De hecho, la mayoría de los motores de juegos no representan de forma predeterminada el lado interior de los objetos 3D. Esto se debe a que rara vez necesitamos verlos, sería un desperdicio de recursos renderizarlos. Lo arreglaremos a continuación.

Paso 3: voltea las normales de la esfera

En nuestro caso, necesitamos ver nuestra Esfera desde adentro. Ese es el objetivo de la aplicación, así que vamos a darle la vuelta.

En Unity, las esferas no son en realidad esferas (¿qué? ¡Nos han mentido todo el tiempo!), Son polígonos hechos con miles de diminutas facetas. Los lados externos de las facetas son visibles, pero no los internos. Por esa razón, vamos a hacer un programa para darle la vuelta a estas pequeñas facetas como si fueran panqueques. En geometría 3D, llamamos a esta transformación "normales reversibles" o "normales invertidas". Usaremos un programa llamado Shader, que aplicaremos al Material de la Esfera. Los materiales controlan la apariencia de los objetos en Unity. Los sombreadores son pequeños scripts que calculan el color de cada píxel renderizado, en función de la iluminación y la información extraída de sus materiales. Por lo tanto, cree un nuevo Material para la Esfera, luego un nuevo Shader aplicado a este Material. Necesitamos escribir un código personalizado para el Shader … pero no temas, puedes copiar y pegar el siguiente código:

Haga clic en este enlace para el enlace de código

Este pequeño Shader va a dar la vuelta a cada píxel de la esfera. Ahora nuestra Esfera aparece como una gran bola blanca, vista desde adentro, dentro de nuestra Escena. El siguiente paso es convertir esta esfera blanca en un reproductor de video.

Paso 4: proyecta tu video 360 dentro de la esfera

Aquí necesitas tener un video 360 mp4 a mano. Importarlo en el proyecto, luego arrastrarlo a la Esfera. Y ahí es cuando ocurre la magia: aparece un componente de "Reproductor de video" y boom, el video está listo para reproducirse. Puede jugar con la configuración como bucles y audio. ¡También es compatible con la transmisión!

Paso 5: ¿Configurar Google Cardboard?

En este paso, haremos que la experiencia sea realmente envolvente. Por eso queremos verlo en un visor de realidad virtual, aquí un Google Cardboard.

Vamos a crear una vista "estereoscópica" (la pantalla se dividirá en dos, con algunos efectos de ojo de pez en ambos lados, un lado para cada ojo), utilizando el SDK de GoogleVR. El efecto ojo de pez en cada ojo, combinado con la distorsión de las lentes de plástico de Cardboard, es lo que te da la ilusión de profundidad e inmersión.

Para agregar el SDK de GoogleVR a nuestro proyecto, descargue e importe el complemento, luego ajustaremos un montón de configuraciones de Android:

• Vaya al menú de la barra superior> Archivo> Configuración de compilación. Agregue su escena abierta si aún no está agregada, luego seleccione Android en la lista de plataformas compatibles.
• Haga clic en Cambiar plataforma. La primera vez que realice el cambio, debería tomar un poco de tiempo.
• Haga clic en Configuración del reproductor. Los componentes aparecen en el panel Instructor.

En el Instructor de Configuración del reproductor, en la sección "Otras configuraciones":

• Compruebe la realidad virtual compatible. En SDK de realidad virtual, seleccione el icono +, luego seleccione Cardboard para agregarlo a la lista.
• Ingrese un nombre de paquete en el campo Identificador de paquete (por ejemplo, com.yourdomain.demo360). Tiene que ser único y se utiliza para distinguir nuestra aplicación de otras en la tienda Google Play.
• Establezca el menú desplegable Nivel mínimo de API en "Android 4.4 'Kit Kat' (API nivel 19)".

Luego, tome el elemento "GvrViewerMain" de la carpeta GoogleVR / Prefabs en el Navegador de proyectos y arrástrelo a la escena. En el Inspector, dale la misma Posición que el centro de la Esfera - (0, 0, 0).

El prefabricado GvrViewerMain controla todos los ajustes del modo VR, como la adaptación de la pantalla a las lentes de Cardboard. También se comunica con el giroscopio de su teléfono para rastrear los movimientos de su cabeza. Cuando gira la cabeza, la cámara y lo que ve también giran dentro del reproductor de video 360. Ahora puede mirar en todas las direcciones cuando el video está encendido y la pantalla está dividida en dos, para acomodar ambas lentes del Cardboard.

Paso 6: ¿ejecutar la aplicación en Android?

Para nuestro último paso, ejecutaremos la aplicación en un teléfono Android y la compartiremos con amigos. Hay dos formas de hacerlo: volver a Archivo> Configuración de compilación. Puede conectar un teléfono Android con un cable USB a su computadora y hacer clic en Build & Run. Esto instala la aplicación directamente en su teléfono. La otra opción es hacer clic en Solo compilar. Esto no lo instala en un teléfono, sino que genera un archivo APK. Puede compartir el APK por correo electrónico con cualquier persona que quiera probar la obra maestra que acaba de construir. Deben tocar dos veces el archivo adjunto APK para instalarlo en sus teléfonos. Durante el proceso de compilación, es posible que se le solicite que seleccione la carpeta raíz del SDK de Android. Si ese es el caso, descargue el SDK de Android y luego seleccione la ubicación de su carpeta. Inicie la aplicación, coloque su teléfono en un auricular Cardboard, ¡listo! Puede reemplazar el video con cualquier cosa en formato 360 y experimentar la inmersión en realidad virtual 360 en casa.

Ir más lejos

¡Felicitaciones, creaste una aplicación de video 360 y estás a un paso de crear una aplicación de video VR! Si bien los términos se usan a menudo por igual, 360 y VR definen dos experiencias diferentes: el video 360 se graba desde todos los ángulos, con una cámara especial o un conjunto de múltiples. El usuario puede mirar en cualquier dirección deseada, pero no hay interactividad en la experiencia. VR generalmente se refiere a un entorno generado por computadora en el que el usuario está inmerso. Es una experiencia interactiva: el jugador puede moverse y controlar objetos, además de mirar en todas direcciones.

Paso 7:

Su nueva aplicación puede servir como punto de partida para crear una experiencia de realidad virtual más rica. Unity tiene muchas características que puedes aprovechar, como agregar elementos 3D o efectos de partículas geniales ✨ para superponer y mejorar tu video, o agregar algunos elementos interactivos.

Paso 8: no es un guión de paso a paso (opcional)

También puede colocar un entorno 3D completo dentro del reproductor de video 360 y usar este último como un skybox. El usuario puede navegar por el paisaje utilizando este ingenioso guión para caminar.