Want to make creations as awesome as this one?

Transcript

Jugar

En busca del tesoro perdido

RETOMAR LA PARTIDA

Continuar

... Algún día me convertiré en pirata y surcaré los mares en busca de tesoros...

Seré el pirata más temido de todo el mundo. Seré como el pirata "Barbanegra" y nadie podrá conmigo...

  • 3000
  • 70
  • 20
  • 700

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

Pequeño grumete... He venido porque necesito tu ayuda para surcar los mares en busca de tesoros...

Será una gran aventura abordo de mi barco "Queen Anne's Revenge". ¿Te animas a acompañarme?

  • 3000
  • 70
  • 20
  • 700

Muy bien pequeño grumete... Deberemos surcar las 7 islas de los mares del norte...

En cada una deberemos enfrentarnos a duros retos para conseguir el tesoro que en ella oculta... ¿Estás preparado?... Pulsa en la flecha para acceder al mapa que nos guiará en el camino...

  • 3000
  • 70
  • 20
  • 700

Guardando

Si inicias una nueva partida perderás todo el progreso y tus recompensas.

Inicio

80%

#

#

#

#

#

#

Guardando

Isla CascadaColoca los números en su sitio para que la suma dé el resultado dado.

+

=

30

30

30

30

*30

*30

$C1

*30

*30

0.5

0.5

0.5

0.5

0.5

*0.5

*0.5

*0.5

*0.5

*0.5

2

2

2

2

2

*2

*2

*2

*2

*2

0,2

0,2

0,2

0,2

0,2

0,2

*0.2

*0.2

*0.2

*0.2

*0.2

*0.2

5

5

5

5

*5

*5

*5

*5

20

20

20

20

*20

*20

*20

*20

1

10

10

1

10

1

1

10

1

1

1

*10

*10

*10

*10

*1

*1

*1

*1

*1

*1

*1

$[1-39.9]

0,1

0,1

0,1

0,1

0,1

0,1

*0.1

*0.1

*0.1

*0.1

*0.1

*0.1

0,05

0,05

0,05

0,05

0,05

0,05

0,05

*0.05

Isla Cascada

Buen trabajo grumete.

Has sido audaz y has conseguido el tesoro de la isla.Pulsa en la flecha para recogerlo.

*0.05

*0.05

*0.05

*0.05

*0.05

*0.05

0,02

0,02

0,02

0,02

0,02

0,02

*0.02

*0.02

*0.02

*0.02

*0.02

*0.02

0,01

0,01

0,01

0,01

0,01

0,01

*0.01

*0.01

*0.01

*0.01

*0.01

*0.01

Borrar

Comprobar

Fallaste

x

Guardando

  • 3000
  • 70
  • 20
  • 700

Sabía que no me equivocaba contigo... Audaz y persistente como un buen pirata...

Isla BosqueSelecciona los números que al sumarlos den los resultados marcados en las tablas.

24,17

7,86

Guardando

39,33

71,15

67,35

72,05

46,98

59,49

32,72

Fallaste

x

¡Bien hecho grumete! Cuidado que no has terminado todavía...

Isla BosqueSelecciona los números que al restarlos den los resultados marcados en las tablas.

69,5

92,43

Guardando

40,78

19,42

45,58

28,72

38,68

46,85

58,1

¡Al abordaje!Vamos a por nuestra recompensa.

Fallaste

x

Guardando

  • 3000
  • 70
  • 20
  • 700

¡Qué gran compañía me he buscado! Eres un gran indagador. Vamos a por la siguiente.

Isla DesiertoEscribe el resultado de las sumas y restas que hay en los cactus del desierto.

Guardando

234,56 + 394,109

15,4 + 65 + 36,21

832,1 - 356,943

Fallaste

x

Buenos cálculos...Nos espera un nuevo tesoro...

VALIDER

Comprobar

Guardando

  • 3000
  • 70
  • 20
  • 700

¡Tres tesoros! Ya queda menos para dominar las 7 islas de los mares del norte...

Isla GlaciarElimina todos los números que no den como resultado las siguientes operaciones.

Guardando

0,4536 x 1000

34,54 : 100

8976 : 10

453,6

0,3454

897,6

3454

89,76

45,36

89760

4536

3,454

Siguiente

¡Fallaste...Vuelve a intentarlo grumete.

¡Tiempo!

2

X/N

00:00

inflexible

Isla GlaciarElimina todos los números que no den como resultado las siguientes operaciones.

Guardando

7,43 : 100

1,28 x 1000

54,33 x 10

¡Fallaste!Vuelve a intentarlo grumete.

¡Tiempo!

1

X/N

00:00

inflexible

543,3

743

5433

0,00128

5,433

0,0743

0,743

128

1280

¡Conseguido!Ha sido dificil pero tenemos el tesoro...

Guardando

  • 3000
  • 70
  • 20
  • 700

¡Genial trabajo! Coge rápido el tesoro y vámonos antes de quedarnos helados...

Isla Tierra ÁridaUne cada multiplicación con su resultado. Recuerda realizar las operaciones con cuidado.

Guardando

Valider

Recommencer

Isla Tierra Árida

Fallaste

x

Buen trabajo grumete.

Cada vez me sorprende más tu trabajo. Solo nos quedan dos tesoros para terminar nuestra conquista.

54,6 x 2,3

1,6 x 5,79

37,6 x 6,8

7,7 x 6,52

50,204

125,58

9,264

255,68

Borrar

Comprobar

Guardando

  • 3000
  • 70
  • 20
  • 700

¿De quién serán estos restos? Seguro que vale millones... Seguimos adelante...

Isla ParaísoEscribe el cociente y el resto de la división que marca cada barco abandonado.

¡Al abordaje!Gran trabajo. Cojamos el tesoro rápido...

Guardando

Cociente

Fallaste

Cociente

x

Cociente

Resto

Resto

Resto

58791 : 43

62541 : 85

9021 : 37

VALIDER

Comprobar

Guardando

  • 3000
  • 70
  • 20
  • 700

Ya hemos conquistado 6 islas. Solo queda una y para poder entrar deberás utilizar el código conseguido... Tenemos que tener cuidado...

1

2

3

4

5

6

7

8

9

123456

1234

ABIERTO

ERROR

123456

Eso habrá que verlo... Tengo a mi lado el mejor grumete que uno pueda tener. Prepárate para perder...

¡El capitán Barbanegra! Me han dicho que has conseguido 6 de los tesoros de las islas del norte... Pero no conseguirás el último...

Guardando

  • 3000
  • 70
  • 20
  • 700

A

¡AL ABORDAJE!

Ya te dije que era fuerte...

$Opción de respuesta 1

B

Dame el tesoro... Desde hoy seré el pirata más temido de todos los mares...Gracias por tu ayuda grumete...

Guardando

$Opción de respuesta 2

C

D

$Opción de respuesta 3

$Opción de respuesta 4

  1. 23,5 + 567 + 43,56
    1. 634,06
  2. 614,3 - 47,987
    1. 566,313
    2. 566,387
    3. 565,413
    4. 566,413
    5. 566,423
  3. 9865 + 78,65 + 5,9
    1. 9949,55
    2. 9950,56
    3. 9849,45
    4. 9949,65
  4. 93210,4 - 6984,597
    1. 86225,803
  5. 45,634 x 100
    1. 4563,4
    2. 456,34
    3. 0,45634
    4. 4,5634
  6. 6954,349 : 1000
    1. 6,954349
  7. 487,65 x 1,6
    1. 780,24
  8. 98765 : 34
    1. 2904
  9. 98,76 x 5,8
    1. 572,808
    2. 573,810
    3. 572,828
    4. 572,908
  10. 39876 : 65
    1. 613
    2. 623
    3. 614
    4. 603
  11. 5876,54 x 89
    1. 523012,06

00:00

$TXT QUIZ$ Texto del enunciado

$#

ESP

$TXT FEEDBACK$

Comprobar

  • ¡BUENA SUERTE GRUMETE!
  • ¡NO ES CORRECTO!
  • ¡MUY BIEN!
  • ¡AL ABORDAJE!
  • disabled
  • GOLPE BRUTAL X3
  • GOLPE CRÍTICO X2
  • INTÉNTALO DE NUEVO
  • ACIERTOS

arcade

true

Guardando

  • 3000
  • 70
  • 20
  • 700

¡Soy el mejor pirata de la historia! Gracias por tu ayuda grumete...

Unas horas después...

... He tenido un sueño increíble... Quiero ser como el capitán Barbanegra.

¿Y ese tesoro? Verás cuando se lo cuente a mis amigos...

  • 3000
  • 70
  • 20
  • 700

Pequeño grumete... Te he dejado un regalo para agradecerte tu ayuda en esta contienda... Guárdalo bien...

  • 3000
  • 70
  • 20
  • 700

Elemento obligatorio en la primera página que se debe agrupar con un botón de continuar.

Coloca este elemento en la página del GICODE. Puedes cambiar el formato de la fuente.El texto (opcional) se reemplazará con el código final obtenido

Barras de progreso

Elemento obligatorio. Se debe poner en una página por la que obligatoriamente pasen al principio. Por ejemplo, la de introducción.

Coloca este elemento en una página para borrar los datos de partida.

Juego completado. Opcional. Puede usarse si no se implementa un candado. Coloca este objeto en una página donde quieras que el juego se de por terminado.

Elige el modelo que más se adapte a la estética de tu Breakout

Página de creación

  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

80%

80%

80%

80%

80%

80%

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

Dígitos. Número conseguido al superar un reto

Página de creación

Agrupar con un texto. Colocarla en la última página del reto, al conseguir la recompensa de ese reto

Recompensas

Agrupar con #. Saldrá el dígito de la contraseña conseguido de cada reto.Agrupar con imagen o texto de recompensa. Aparecerá la imagen y/o texto del reto conseguido.Agrupar con imagen de feedback de reto conseguido. Se puede poner encima del mapa para marcar retos conseguidos e incluso impedir que se repitan.

Agrupar con imageno cualquier elemento Genially.Aparece cuando se haya conseguido la recompensa final del itinerario.

Candados

Agrupar con imagen o cualquier elemento Genially. Los candados hacen visible un elemento hasta que se completen las misiones anteriores, después se ocultará. Agrupado a un elemento que cubra el enlace a la misión correspondiente, por ejemplo, impedirá realizar dicha misión hasta completar las anteriores.

Candado boss.Agrupar con imageno cualquier elemento Genially. para bloquear el enigma o candado final. Desaparecerá al conseguir todos los retos.

OFF

Agrupar con imagen o cualquier elemento Genially.Se ocultará cuando consigas una misión.

OFF Boss.Agrupar con imagen o cualquier elemento Genially. Desaparece cuando se haya conseguido la recompensa final

Otorga la recompensa que indica al hacer click.

Página de creación para código de colores

Agrupar con cualquier elemento Genially para hacerlo visible y clicable.

Recompensas

RETOMAR LA PARTIDA

Reemplaza el texto en negrita por el código de tu barra. Luego, copia todo el texto e insértalo en tu itinerario

<div class="css-progressBarGen" style="width: 100%; height: 100%; padding: 0px; border-color: rgb(0, 0, 0); border-width: 0px; border-style: solid; background-color: rgba(251, 244, 198, 0.33); border-radius: 12px; backdrop-filter: blur(1.4px); transform: scaleY(-1); overflow: hidden;"><div style="height: 81%; width: 100%; padding: 0px; margin: 0px; border-width: 0px; border-radius: 12px; backdrop-filter: blur(1.4px); box-shadow: rgba(195, 175, 44, 0.3) -7.53158e-16px 4.1px 6.4px 4.1px; background-image: linear-gradient(0deg, rgba(247, 221, 95, 0.86) 0%, rgba(200, 130, 9, 0.86) 71%);" data-ref="progressBar" orientation="vertical" data-value="0" data-range="0"></div></div><script> if (document.querySelector('.container-wrapper-genially')) { var progress = document.querySelectorAll("div[data-ref=progressBar]"); for (var i = 0; i < progress.length && !progress[i].getAttribute('data-init'); i++) { var url = window.location.pathname.split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { var referencia = url[y]; found = true; } } var textosAdjuntos = progress[i].closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) {} else if (texto.innerText.trim().substring(0, 3) == 'htt') { url = texto.innerText.trim().split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { referencia = url[y]; found = true; } } texto.style.display = 'none' } } var claveCadena = localStorage.getItem('claveGenerada' + referencia); actualizaBarra(claveCadena, progress[i]); progress[i].setAttribute('data-init', true); } } function actualizaBarra(claveCadena, barra) { var progress = barra; let grupo = progress.closest('div.genially-animated-wrapper'); var txtBarra = getTexte(progress); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = 0 + "%"; progress.setAttribute('data-value', 0); } else { progress.style.width = 0 + "%"; progress.setAttribute('data-value', 0); } if (txtBarra) { txtBarra.innerText = 0 + "%" }; if (claveCadena) { var found = (claveCadena.match(/true/gi) ? claveCadena.match(/true/gi).length : 0), notFound = (claveCadena.match(/false/gi) ? claveCadena.match(/false/gi).length : 0); var avance = Math.max(((found - 1)/(notFound + found) * 100), 0); var value = parseInt(progress.getAttribute('data-value')); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = avance + "%"; progress.setAttribute('data-value', avance); } else { progress.style.width = avance + "%"; progress.setAttribute('data-value', avance); } console.log("actualizando la barra con digito"); let idInterval = setInterval(function () { value = parseInt(progress.getAttribute('data-value')); var range; if(value < 20){ range = 0; } else if (value < 40){ range = 20; } else if (value < 60){ range = 40; } else if (value < 80){ range = 60; } else { range = 80; } if (value >= (found/(notFound + found) * 100) - 1) { clearInterval(idInterval); value = (found/(notFound + found) * 100); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%" }; } else { value++; if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%"; } } }, 100); } } function getTexte(progress) { var textosAdjuntos = progress.closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) { var lastElementChild = texto; while (lastElementChild.firstChild) { lastElementChild = lastElementChild.firstChild; } return lastElementChild.parentNode; } } } </script>

<style> .progressCh { padding: 4px; background: rgba(0, 0, 0, 0.25); border-radius: 6px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08); } .progress-barCh { height: 16px; border-radius: 4px; background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05)); -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1); box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1); } /* * Note: using adjacent or general sibling selectors combined with * pseudo classes doesn't work in Safari 5.0 and Chrome 12. * See this article for more info and a potential fix: * https://css-tricks.com/webkit-sibling-bug/ */ .progressCh > .progress-barCh[data-range="0"] { background-color: #f63a0f; } .progressCh > .progress-barCh[data-range="20"] { background-color: #f27011; } .progressCh > .progress-barCh[data-range="40"] { background-color: #f2b01e; } .progressCh > .progress-barCh[data-range="60"] { background-color: #f2d31b; } .progressCh > .progress-barCh[data-range="80"] { background-color: #86e01e; } </style> <div class="css-progressBarGen" style="width: 100%; height: 100%; padding: 0px; border-color: rgb(0, 0, 0); border-width: 0px; border-style: solid; background-color: rgba(251, 244, 198, 0.33); border-radius: 12px; backdrop-filter: blur(1.4px); transform: scaleY(-1); overflow: hidden;"><div style="height: 81%; width: 100%; padding: 0px; margin: 0px; border-width: 0px; border-radius: 12px; backdrop-filter: blur(1.4px); box-shadow: rgba(195, 175, 44, 0.3) -7.53158e-16px 4.1px 6.4px 4.1px; background-image: linear-gradient(0deg, rgba(247, 221, 95, 0.86) 0%, rgba(200, 130, 9, 0.86) 71%);" data-ref="progressBar" orientation="vertical" data-value="0" data-range="0"></div></div> <script> if (document.querySelector('.container-wrapper-genially')) { var progress = document.querySelectorAll("div[data-ref=progressBar]"); for (var i = 0; i < progress.length && !progress[i].getAttribute('data-init'); i++) { var url = window.location.pathname.split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { var referencia = url[y]; found = true; } } var textosAdjuntos = progress[i].closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) {} else if (texto.innerText.trim().substring(0, 3) == 'htt') { url = texto.innerText.trim().split("/"); var found = false; var conNumero = /\d/; for (var y = 0; y < url.length && !found; y++) { if (conNumero.test(url[y])) { referencia = url[y]; found = true; } } texto.style.display = 'none' } } var claveCadena = localStorage.getItem('claveGenerada' + referencia); actualizaBarra(claveCadena, progress[i]); progress[i].setAttribute('data-init', true); } } function actualizaBarra(claveCadena, barra) { var progress = barra; let grupo = progress.closest('div.genially-animated-wrapper'); var txtBarra = getTexte(progress); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = 0 + "%"; progress.setAttribute('data-value', 0); } else { progress.style.width = 0 + "%"; progress.setAttribute('data-value', 0); } if (txtBarra) { txtBarra.innerText = 0 + "%" }; if (claveCadena) { var found = (claveCadena.match(/true/gi) ? claveCadena.match(/true/gi).length : 0), notFound = (claveCadena.match(/false/gi) ? claveCadena.match(/false/gi).length : 0); var avance = Math.max(((found - 1)/(notFound + found) * 100), 0); var value = parseInt(progress.getAttribute('data-value')); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = avance + "%"; progress.setAttribute('data-value', avance); } else { progress.style.width = avance + "%"; progress.setAttribute('data-value', avance); } console.log("actualizando la barra con digito"); let idInterval = setInterval(function () { value = parseInt(progress.getAttribute('data-value')); var range; if(value < 20){ range = 0; } else if (value < 40){ range = 20; } else if (value < 60){ range = 40; } else if (value < 80){ range = 60; } else { range = 80; } if (value >= (found/(notFound + found) * 100) - 1) { clearInterval(idInterval); value = (found/(notFound + found) * 100); if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%" }; } else { value++; if (progress.getAttribute('orientation') == 'vertical') { progress.style.height = value + "%"; progress.setAttribute('data-value', value); } else { progress.style.width = value + "%"; progress.setAttribute('data-value', value); } progress.setAttribute('data-range', range); if (txtBarra) { txtBarra.innerText = Math.ceil(parseFloat(value)) + "%"; } } }, 100); } } function getTexte(progress) { var textosAdjuntos = progress.closest('div.genially-animated-wrapper').querySelectorAll('.genially-view-text'); for (var k = 0; k < textosAdjuntos.length; k++) { var texto = textosAdjuntos[k]; var porcentaje = /^[0-9]+\%$/; if (porcentaje.test(texto.innerText.trim())) { var lastElementChild = texto; while (lastElementChild.firstChild) { lastElementChild = lastElementChild.firstChild; } return lastElementChild.parentNode; } } } </script>

Reemplaza el texto en negrita por los colores que quieras. Luego, copia todo el texto e insértalo en tu itinerario

Barras de progreso que cambian de color

Cambia de color según %