Cómo crear tu propia Búsqueda del tesoro en realidad aumentada web

En este post vamos a explicar de manera sencilla cómo crear tu propio juego de búsqueda del tesoro mediante realidad aumentada para navegadores web, o la también llamada web AR. Es un post principalmente dirigido a personal con conocimientos de desarrollo web (más concretamente Javascript), aunque si te interesa crear una de estas dinámicas y no tienes personal técnico en tu equipo, te invitamos a seguir leyendo para comprender mejor de qué tratan este tipo de juegos.

Dentro de esta búsqueda del tesoro, o en su denominación inglesa, Scavenger Hunt; se creará un pequeño portal web donde existirán diferentes tipo de elementos a tener en cuenta. A modo de resumen se destacan estos:

  • Formulario de datos inicial: necesario para registrar nuevos jugadores y sus datos, como su email. Con esto se puede crear una base de datos y registros de jugadores.
  • Lógica del juego y sistema de puntuación: cada juego puede tener unas necesidades diferentes: número de partidas, puntos recibidos por cada caza, límite de jugadores. Todas estas reglas son la parte de la lógica del juego que se debe programar.
  • Pantalla de interacción con realidad aumentada: la esencia de este tipo de juegos es la interacción mediante la cámara y el mundo real. En el visro de realidad aumentada se proporciona el modo de interactuar con las imágenes del entorno, y descubrir así los contenidos ocultos.
  • Pantalla de resumen de puntos y ranking: una vez se termina una caza o una partida completa, el usuario ontendrá sus puntos asociados. Mediante este resumen final se le mostrará su ranking y puntos, y además se podrán asociar a su perfil de usuario previamente almacenado.

Es importante también tener en cuenta que al funcionar sobre un entorno web, mediante web AR como ya se ha comentado, no será necesaria la descarga de ninguna aplicación para jugar o compartir la experiencia con otros usuarios. El proceso es muy sencillo: simplemente leer un código QR, el cual lanza una página web donde se puede iniciar el juego. Una vez rellenados los datos básicos se puede empezar a buscar y detectar las imágenes que componen el juego, las cuales esconden el deseado tesoro. Cada vez que el usuario consigue puntos o premios, se podrán relacionar con su perfil, previamente almacenado en una base de datos asociada al juego.

Uno de los modos de uso de la realidad aumentada más extendidos es el de detección y colocación de contenidos sobre imágenes. Estas imágenes pueden ser cualquier cosa: un póster de un supermercado, el paquete de un producto, la caja de un juguete, o incluso la fachada de un edificio.

Un juego de búsqueda del tesoro lo que trata es de ocultar diferentes tipos de contenidos, principalmente premios, monedas, puntos, descuentos; en diferentes imágenes asociadas a algún tipo de evento o campaña.

premios con realidad aumentada

Gracias a la realidad aumentada lo que se puede hacer es generar una dinámica de este estilo, en la que los usuarios, visitantes de un evento, compradores en un supermercado, etc; puedan buscar y detectar diferentes imágenes que esconden un premio. Para interactuar con este tipo de contenidos simplemente es necesario disponer un teléfono móvil y conexión a internet.

Así, por ejemplo, podemos pensar en una dinámica como la siguiente: un niño entra en unos grandes almacenes con sus padres, y para completar el juego debe encontrar los 5 premios escondido en 5 de los juguetes del establecimiento. Mientras realizan sus compras, el niño estará entretenido buscando qué juguetes tienen un premio escondido, y el establecimiento por su lado estará obteniendo valiosa información sobre sus compradores, además de proporcionar un mecanismos de entretenimiento completamente innovador.

¿Cómo puedo desarrollar mi propio juego con Javascript? SDK de Web AR de Onirix

En Onirix hemos desarrollado un SDK completo para que nuestros usuarios más técnicos, puedan dar rienda suelta a su imaginación, y desarrollar sus propias experiencias web sin ningún tipo de límite.

Este SDK está pensado para funcionar con renderizadores 3D online como son three.js, aframe, o babylon. Concretamente, tratando el tema de la búsqueda del tesoro, en nuestra página de Github se puede encontrar un ejemplo extenso sobre cómo desarrollar uno de estos juegos desde cero, paso a paso: https://github.com/onirix-ar/scavenger-hunt

Scavenger hunt con realidad aumentada

En este ejemplo ponemos a disposición de los programadores, una demo donde cubrimos las principales partes del juego: registro, interacciones de realidad aumentada y pantalla de puntuaciones. A partir de ahí se puede incluir toda la funcionalidad que se desee, incluir un sistema de almacenamiento, analítica web, y otros componentes relevantes.

Cómo personalizar el Scavenger Hunt para mi empresa o cliente

Al ser un componente web resulta muy sencillo customizar y adaptar a las necesidades de un cliente final. Su marca, su logo, sus colores. Es tan sencillo como realizar un diseño web y maquetación mediante HTML y CSS de cada una de las partes del juego. 

En caso de que no se cuente con un equipo de desarrollo web, desde Onirix ofrecemos también nuestros servicios para la ideación, creación , diseño y desarrollo completo de este tipo de dinámicas. Son varios los tipos de juegos que hemos realizado ya con diversos clientes, adaptando todo el proceso a sus necesidades. 

Lead R&D Software Architect at Onirix Linkedin

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *