Juego web AR interactivo para superficies: robot recoge-tuercas

Resumen de la experiencia 📖

Esta dinámica busca mostrar de una manera entretenida el uso de experiencias sobre superficies con Onirix. En este caso se plantea un personaje (el robot Onir-IX) que se va a ir moviendo en diferentes coordenadas, para recoger las tuercas que aparecen de manera aleatoria. Hay que ser rápido ya que las tuercas van desapareciendo después de unos segundos. Además existen tuercas doradas, que otorgan más puntos, pero también desaparecen antes.

Usos y beneficios 🌱

Esta experiencia está planteada para generar interacción con el usuario, y puede estar asociada a cualquier tipo de campaña, producto, o dinámica de gamificación. Al ser una experiencia de superficie, puede ser lanzada en cualquier lugar, y su disparador, un código QR o un link web, colocado en cualquier soporte accesible para el usuario, tanto físico como digital. Es un tipo de experiencia muy sencillo, por ejemplo, de asociar con campañas en webs o redes sociales. Además este tipo de juegos puede ayudarnos a:

• Mejorar la imagen y percepción de marca.
• Incluir el mismo tipo de dinámicas en diversos soportes y por tanto generar campañas 360.
• Asociar juegos a diferentes contenidos que permitan aumentar drásticamente el  engagement con el usuario, mediante dinámicas de puntuación y necesidad de mejora.
• Generar campañas de fidelización y recompensa asociadas a productos concretos.
• Proporcionar mecanismos de analítica y medición de interacción con productos o anuncios. Medir tiempo de retención.

Características y consejos💡

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

Modelos 3D y animaciones

Uno de los principales recursos para poder contar historias es incluir personajes que nos permitan realizar diversas acciones. Para ello uno de los recursos más potentes es el uso de modelos 3D con diversas animaciones precargadas. 

En el caso de esta experiencia se cuenta con un modelo 3D de un robot, con algunas animaciones que permiten generar la sensación de movimiento. Al activar y desactivar estas animaciones logramos dar la sensación de que el robot se desplaza (haciendo además que se mueva en diferentes posiciones X,Y,Z del entorno). Además de ello añadimos un elemento externo como la tuerca. También la dotamos de animaciones: una para su caída desde lo alto (aparición), y otra para que el robot la pueda recoger de manera dinámica (desaparición).

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

Sonidos y efectos

Se han añadido diferentes tipos de sonidos para generar una sensación de mayor inmersión en la experiencia:

• Música de fondo: anima a la dinámica de juego y genera ambiente.
• Sonido de movimiento: cuando el robot se mueve a diferentes posiciones.
• Sonido de recogida: cuando el robot recoge una tuerca normal
• Sonido de éxito: cuando el robot recoge una tuerca dorada.

Todos los sonidos se activan con eventos e interacciones a través del Embed SDK y mediante el uso del code editor como comentamos en el siguiente apartado.

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 mostrar los elementos del juego (información de banner, cantidad de tuercas recogidas, etc.), así como la aparición aleatoria de las tuercas alrededor del entorno. Se ha añadido cierta lógica para hacer que las tuercas tengan un tiempo de vida determinado, y si no se recogen desaparecen. Esta limitación se hace más evidente en las tuercas doradas, cuya puntuación es mayor.

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

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

Escena de tracking de superficies

En este caso se utiliza un tracking de superficies, ya que para colocar nuestro escenario de juego no necesitamos ningún disparador específico más que la mesa o el suelo que tengamos delante. A partir de ahí el entorno será el tablero del juego, y el robot se podrá desplazar en cualquier dirección del mismo. 

Acceda aquí a la documentación sobre escenas de tipo surface.