Módulo 4 – CONSTRUIR
Implementación digital
4. Creación de interacciones y mecánicas de puzles
Aquí es donde tu juego se vuelve interactivo, con pistas en las que se puede hacer clic, contenidos ocultos bajo candados y progresión. Cada interacción debe responder a:
- ¿Qué puedo hacer aquí?
- ¿Qué pasa cuando hago clic?
- ¿Qué debo hacer a continuación?
Si los/as jugadores/as no obtienen esas respuestas, pueden sentirse atascados, abrumados, confundidos o frustrados.
Tutoriales de implementación: elementos ocultos, navegación, códigos y mecánicas clave
Microtutorial 1: Haz clic para revelar un elemento oculto
- Añade el elemento (cuadro de texto, botón o imagen) que quieras ocultar.
- Añade otro elemento con el que los/as jugadores/as deban interactuar (que deberán identificar basándose en las instrucciones del rompecabezas entre pistas falsas).
- Añade la interactividad «Revelar» y vincula el objeto en el que se puede hacer clic con el elemento oculto: al hacer clic en el elemento del paso 2, se revela el elemento del paso 1.
- Utiliza la interactividad «Revelar» para vincular el elemento en el que se ha hecho clic con el mensaje de respuesta y el botón «Siguiente», de modo que solo aparezcan cuando el/a jugador/a haya interactuado con el elemento correcto.
Consejos y trucos: Esto puede funcionar para varios tipos de enigmas, como revelar una pista, información o una llave literal para abrir una cerradura. Para un tutorial más completo, consulta la herramienta del kit de creación «Herramientas de interactividad – Funciones de Genially».
Si necesitas ocultar varios elementos, es posible que tengas que utilizar recursos adicionales, como las herramientas de S’Cape, concretamente Brian. Más información sobre S’Cape en la ficha del kit de creación «Material de apoyo – S’Cape».
Microtutorial 2: Crear un campo de introducción de código/palabra clave
- Añade un elemento de pregunta interactiva que permita la introducción de datos, como «Respuesta corta» o «Rellena los espacios en blanco», y configura las respuestas en los ajustes.
- Crea dos mensajes de retroalimentación claros:
- Correcto: «¡Desbloqueado! El siguiente paso ya está disponible».
- Incorrecto: «No del todo. Vuelve a revisar la pista e inténtalo de nuevo».
Consejos y trucos: Reduce la frustración especificando qué variante se acepta. Las interacciones predeterminadas solo permiten un formato para la respuesta (mayúsculas o minúsculas, con espacios). Advierte a los/as jugadores/as: «Introduce el código en MAYÚSCULAS, sin espacios».
Si deseas añadir un bloqueo más avanzado que pueda ocultar el contenido hasta que se introduzca un código, utiliza Lockee y añade el enlace a Genially. Más información en la ficha del kit de creación «Herramientas de interactividad – Lockee.fr».
Si deseas utilizar una opción que ofrezca mayor flexibilidad, puedes recurrir a recursos adicionales, como las herramientas de S’Cape, concretamente Couis3. Encontrarás más información sobre S’Cape en la hoja del kit de creación «Material de apoyo – S’Cape».
Microtutorial 3: Crear un rompecabezas de arrastrar y soltar
La mecánica de arrastrar y soltar puede resultar muy atractiva, pero es más difícil de probar y no es fácil de usar ni accesible en dispositivos móviles.
- Opción fácil 1: Utiliza la pregunta interactiva llamada «Ordenar», que permite a los jugadores arrastrar y organizar un número determinado de elementos en un orden concreto. Puedes modificar fácilmente el contenido y la configuración, y añadir una acción cuando los/as jugadores/as tengan éxito o fallen (consulta los detalles en el siguiente vídeo).
- Opción fácil 2: Utiliza la interactividad «Arrastrar y soltar», que te permite vincular elementos personalizados entre sí (un elemento arrastrable, una zona de soltar). Puedes añadir una acción cuando los/as jugadores/as completen o fallen la acción para todos los elementos (consulta los detalles en el siguiente vídeo).
- Opción avanzada: Utiliza la herramienta de S’Cape «DND Lemniscape», que permite interacciones más diversas, pero requiere elementos externos y varios pasos específicos para su implementación. Hay un tutorial detallado disponible en la hoja del kit de creación «Herramientas de interactividad – S’Cape DND Lemniscape».
Mira el vídeo
En este vídeo encontrarás un resumen de este microtutorial.
Actividad: Opción múltiple
Elige la respuesta correcta.
Microtutorial 4: Añadir códigos QR para el juego híbrido
- Crea un código QR que enlace a una página o un vídeo (utiliza herramientas como MeQR).
- Añade la imagen del código QR a Genially o imprímela como un documento físico y escóndela por la sala para diversificar el formato.
- Incluye siempre un enlace escrito breve debajo del código QR (como opción de respaldo en caso de que el código QR se vuelva ilegible).
- Prueba el escaneo del código QR con al menos dos teléfonos diferentes.