Así es como puedes crear una aplicación de 360 ​​VR en 10 minutos con Unity

La realidad virtual (VR) es emocionante. También es la nueva frontera del desarrollo de aplicaciones.

La realidad virtual está preparada para dar a luz nuevas formas de contar historias y experiencias emocionalmente poderosas. Sin embargo, hacer realidad virtual se percibe como intimidante: es caro y requiere tanto hardware como habilidades especiales.

Pero eso está cambiando, ya que las herramientas intuitivas y el hardware asequible hacen que el desarrollo de realidad virtual sea accesible. Este tutorial le mostrará cómo crear una aplicación de video 360 en Android y Google Cardboard en solo unos minutos. Y apenas se requiere codificación;)

El desarrollo de la realidad virtual no debería ser una barrera para hacer realidad sus ideas. Empecemos:

Que necesitas

Aquí está nuestra lista de compras:

? 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.

? Auriculares de tablero de CA. Si no tiene uno, puede encontrar muchos en Amazon por menos de 10 dólares. Éste es mi favorito.

? U nity3D, un motor de juegos 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 de 3 60. Graba una con una cámara 360 (aquí tienes una que puedes conectar a tu teléfono) o busca una en línea.

¿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, consulte el video

Paso 1: ¿Construir 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 2: ¿Cambiar 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 voltear 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, basándose en 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:

Este pequeño Shader le 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 3: ¿Proyecta su 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.

Puedes jugar con la configuración como bucles y audio. ¡También es compatible con la transmisión!

Paso 4: ¿Configurar Google Cardboard?

En este paso, haremos que la experiencia se sienta realmente inmersiva. 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> Configuraciones 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 haga 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 5: ¿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 maneras de hacerlo:

  • Vuelva a Archivo> Configuraciones 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. Tienen que tocar dos veces el archivo APK adjunto 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 VR 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 ensamblaje de varias. El usuario puede mirar en cualquier dirección deseada, pero no hay interactividad en la experiencia.
  • La realidad virtual generalmente se refiere a un entorno generado por computadora en el que está inmerso el usuario. Es una experiencia interactiva: el jugador puede moverse y controlar objetos, además de mirar en todas direcciones.

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.

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.

Deja volar tu imaginación y muéstrame tus creaciones: twittea a @AdrianaVecc o deja un comentario.

Crear hermosas historias de realidad virtual es difícil. Construirlos no debería serlo.

Si le gustó este artículo, presione el botón ? a continuación para que otras personas lo vean.

Adriana es una artista y diseñadora de productos que crea experiencias de realidad virtual que generan empatía. Si desea dar vida a sus ideas de realidad virtual, envíenos un correo electrónico: [email protected]?