Plantilla básica itinerarios v2.0

Diseñado por:

Incluye Generador de Barras de Progreso

BreakOut

Desarrollado por:

Itinerarios de aprendizaje

Version 2.0 - 26/06/22

Reutilizar

*Borrar la página anterior para que esta sea la portada

Portada

Puedes decorar la portada como quieras. Manteniendo los botones de "Nueva partida", "continuar" y/o "mapa".*Podrías cambiarlo pero fíjate con qué página enlaza y la agrupación de los cuadros naranjas

Nueva partida

Continuar

Mapa

Info

Agrupar las imágenes de las recompensas que queramos que consigan con cada reto. Saldrán de forma aleatoria

INTRODUCCIÓN

1. 5
2. [1-5]
3. color
4. #FF9900, #FAF700, #00CC00, #FF0000, #6633FF
5. no-repeat

1. 5 indica el número de retos. Si escribes un valor de más de 2 cifras lo asumirá como clave predefinida, con tantos retos como dígitos tenga el número introducido
2. [1-5] indica el rango de valores posibles para la clave. Opcional, si no se incluye se considerará [0-9].
3. color añade un color asociado a cada dígito. Opcional.
4. Son los colores que asociaremos a la clave. (Ej: #FF0000). Es algo opcional y puede no incluirse.
5. no-repeat hace que los dígitos/imágenes/colores de la contraseña no se repitan

SIGUIENTE

Guardando...

¡¡MISIÓN CUMPLIDA! VE A BUSCAR TU RECOMPENSA FINAL

80%

80%

Mapa

Página para crear el recorrido de tus retos. *Se podría cambiar todo teniendo en cuenta agrupación e interacción con otras páginas.

Guardando...

INTRODUCE EL CÓDIGO SECRETO

Recompensas

Las # indicarán el dígito conseguido en cada reto. Puede cambiarse la fuente, el color y el tamaño. Los círculos cambiarán por un color aleatorio predefinidos en el generador.El cuadro rosa se sustituye por la imagen de la recompensa conseguida.

Guardando...

Reto 1

Esto te permitirá guardar el juego donde tu quieras. Se necesita el cuadro negro de abajo "auto save marcador". Puedes modificar texto e imagen desagrupando y volviendo a agrupar

Personaliza esta página como quieras

EMPEZAR

Guardando...

Reto 1

Crea tu actividad para el reto 1

SIGUIENTE

Guardando...

Reto 1

Puedes usar esta página para hacer otra actividad del reto 1. Eliminarla si no necesitas más o duplicarla en el caso que quieras hacer más actividades

SIGUIENTE

Guardando...

80%

Recompensa 1

El cuadro rosa se sustituye automáticamente por una de las imágenes agrupadas en la página de introducción

La # se sustituye automáticamente con el primer dígito conseguido al superar el reto 1. Se puede cambiar el color y la fuente, incluso poner más de una # como en el ejemplo.

IR A RECOMPENSAS

Guardando...

Reto 2

Esto te permitirá guardar el juego donde tu quieras. Se necesita el cuadro negro de abajo "auto save marcador". Puedes modificar texto e imagen desagrupando y volviendo a agrupar

Personaliza esta página como quieras

EMPEZAR

Guardando...

Reto 2

Crea tu actividad para el reto 2

SIGUIENTE

Guardando...

Reto 2

Puedes usar esta página para hacer otra actividad del reto 2. Eliminarla si no necesitas más o duplicarla en el caso que quieras hacer más actividades

SIGUIENTE

Guardando...

80%

Recompensa 2

El cuadro rosa se sustituye automáticamente una de las imágenes agrupadas en la página de introducción

La # se sustituye automáticamente con el primer dígito conseguido al superar el reto 2. Se puede cambiar el color y la fuente

IR A RECOMPENSAS

Guardando...

Reto 3

Esto te permitirá guardar el juego donde tu quieras. Se necesita el cuadro negro de abajo "auto save marcador". Puedes modificar texto e imagen desagrupando y volviendo a agrupar

Personaliza esta página como quieras

EMPEZAR

Guardando...

Reto 3

Crea tu actividad para el reto 3

SIGUIENTE

Guardando...

Reto 3

Puedes usar esta página para hacer otra actividad del reto 3. Eliminarla si no necesitas más o duplicarla en el caso que quieras hacer más actividades

SIGUIENTE

Guardando...

80%

Recompensa 3

El cuadro rosa se sustituye automáticamente una de las imágenes agrupadas en la página de introducción

La # se sustituye automáticamente con el primer dígito conseguido al superar el reto 3. Se puede cambiar el color y la fuente

IR A RECOMPENSAS

Guardando...

Reto 4

Esto te permitirá guardar el juego donde tu quieras. Se necesita el cuadro negro de abajo "auto save marcador". Puedes modificar texto e imagen desagrupando y volviendo a agrupar

Personaliza esta página como quieras

EMPEZAR

Guardando...

Reto 4

Crea tu actividad para el reto 4

SIGUIENTE

Guardando...

Reto 4

Puedes usar esta página para hacer otra actividad del reto 4. Eliminarla si no necesitas más o duplicarla en el caso que quieras hacer más actividades

SIGUIENTE

Guardando...

80%

Recompensa 4

El cuadro rosa se sustituye automáticamente una de las imágenes agrupadas en la página de introducción

La # se sustituye automáticamente con el primer dígito conseguido al superar el reto 1. Se puede cambiar el color y la fuente

IR A RECOMPENSAS

Guardando...

Reto 5

Esto te permitirá guardar el juego donde tu quieras. Se necesita el cuadro negro de abajo "auto save marcador". Puedes modificar texto e imagen desagrupando y volviendo a agrupar

Personaliza esta página como quieras

EMPEZAR

Guardando...

Reto 5

Crea tu actividad para el reto 5

SIGUIENTE

Guardando...

Reto 5

Puedes usar esta página para hacer otra actividad del reto 5. Eliminarla si no necesitas más o duplicarla en el caso que quieras hacer más actividades

SIGUIENTE

Guardando...

80%

Recompensa 5

El cuadro rosa se sustituye automáticamente una de las imágenes agrupadas en la página de introducción

La # se sustituye automáticamente con el primer dígito conseguido al superar el reto 5. Se puede cambiar el color y la fuente

IR A RECOMPENSAS

ABIERTO

ERROR

Texto de éxito y error editables ->

Desbloquea el candado

Todo el texto, números incluidos, de esta pantalla se pueden personalizar.

12345

Aquí aparecerán los dígitos que hemos conseguido al superar cada reto y los que necesitamos para desbloquear el candado (opcional)

Encima de los números hay un cuadro "d-TOUCHE" agrupado con un número que realmente son los números originales del candado. Puedemos moverlos para cambiar el teclado de abajo y volverlos a poner encima. También se podrían cambiar por letras.

Hemos recuperado estas cifras, ¿funcionará?

$CODE$

Desaparecerá al abrir el candado

Para suprimir o borrar los dígitos, pondremos encima los cuadros amarillos "d-SUPPR" y "d-VIDE"

<

1234

Este botón aparecerá al desbloquear el candado. Se puede cambiar. No olvidar añadir interactividad con la página de recompensa final

Basado en GICODE de S'cape

Recompensa final

¡Enhorabuena!

Decora esta página con la recompensa final