Juego de snowboarding para web AR: Onirix Downhill

Resumen de la experiencia 📖

Esta es una experiencia de gamificación donde se han incluido una serie de elementos para dar forma a la dinámica: montaña nevada con sus árboles, obstáculos en forma de rocas y árboles, y un personaje principal con animaciones vestido como snowboarder. La dinámica es sencilla, se trata de mover al personaje a los lados tratando de esquivar los obstáculos que aparecen, con el objetivo de llegar a la meta final sano y salvo. 

Usos y beneficios 🌱

Este tipo de dinámicas son muy adaptables a cualquier tipo de marca o producto, y pueden ser utilizadas para campañas de marketing, eventos, packaging, o incluso como pruebas dentro de un treasure hunt de varios pasos. Aunque también son un tipo de dinámicas de ocio y entretenimiento. 

Para negocios como agencias de marketing digital o estudios creativos, este tipo de contenidos pueden ser una herramienta genial para ofrecer nuevas soluciones a sus clientes. Pensemos por ejemplo en un cliente de una nueva gama de productos de nieve. Si tienes que montar una campaña para dicho cliente, qué mejor manera de llegar a un siguiente nivel que asociar su marca con un juego interactivo en realidad aumentada.

Características y consejos💡

Para dar forma a esta experiencia se han utilizado las siguientes características:

Modelos 3D y animaciones

En Onirix se pueden añadir diferentes tipos de recursos o Assets a las escenas. Uno de los más utilizados en este tipo de experiencias son los modelos 3D. Con este formato de Asset se pueden añadir elementos que incluyen escenas completamente animadas. Estas animaciones se pueden activar en diferentes momentos dentro del editor de escenas de Onirix, y por tanto, utilizar dichas animaciones para contar historias. 

En el caso de esta experiencia se cuenta con varios modelos 3D:

• Setup general: montaña, árboles de atrezzo, vídeo de descenso (nos ayuda a dar sensación de movimiento).
• Obstáculos: diferentes elementos 3D como rocas y árboles, y sus correspondientes animaciones de destrucción (lo que ocurre cuando el personaje choca con ellos).
• Snowboarder: modelo 3D de personaje con varias animaciones de movimiento (saludo, caída, descanso, celebración, giros a ambos lados).

Para más información consulta nuestra documentación sobre modelos 3D en Onirix.

Sonidos y efectos

Se han añadido cuatro tipos de sonidos para dar forma a esta experiencia:

• Inicio con cuenta atrás.
• Música de fondo: para que la experiencia sea más inmersiva.
• Sonidos de giro: derrapes sobre la nieve cuando se mueve el personaje.
• Sonido de caída: cuando el snowboarder choca con un obstáculo. Además se añade un sonido de efecto del público.
• Sonido de éxito: cuando se logra terminar el juego con éxito.

Todos los sonidos se activan con eventos programados dentro del editor de código online a través del Embed SDK como comentamos en el siguiente punto.

Acceda a la documentación sobre audios y efectos de sonido.

Editor de código: HTML, CSS y JavaScript. Embed SDK.

En esta experiencia se han realizado diferentes modificaciones a través del editor de código. Las más significativas son la inclusión de la UI para gestionar la pantalla del juego y sus diferentes estados (inicio del juego, caída, éxito final); así como los botones de giro a los lados. Toda la lógica de aparición de obstáculos, reproducción de sonidos y activación de animaciones  se realiza dentro del editor mediante el Embed SDK. 

Aquí para acceder a la documentación online del editor de código.

Aquí para acceder a la documentación del Embed SDK.

Seguimiento de la imagen de la escena

Cualquier imagen puede actuar como marcador. En este ejemplo hemos creado un marker que podría ser parte del diseño de cualquier producto, póster dentro de una tienda deportiva, o una campaña de marketing digital. Dicho marcador sería el punto de partida del juego, y convivirá como parte del mundo físico que queremos potenciar a través de la realidad aumentada.

Acceda aquí a la documentación sobre escenas de image-tracking.