Want to make creations as awesome as this one?

Transcript

Gioca

Alla ricerca del tesoro...

ricomincia la partita

Continua

... Un giorno diventerò un pirata e navigherò per i mari alla ricerca di un tesoro....

Sarò il pirata più temuto del mondo. Sarò come il pirata "Barbanera" e nessuno potrà sconfiggermi....

  • 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

Molto bene, piccolo mozzo... Navigheremo le sette isole dei mari del nord....

In ognuna di esse dovremo affrontare sfide difficili per ottenere il tesoro nascosto... Siete pronti? Cliccate sulla freccia per accedere alla mappa che ci guiderà lungo il percorso....

  • 3000
  • 70
  • 20
  • 700

Salvando

Se si inizia una nuova partita, si perderanno tutti i progressi e le ricompense..

Inizio

80%

#

#

#

#

#

#

Salvando

Isola CascadaMettere i numeri al loro posto in modo che la somma dia il risultato indicato.

+

=

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

Isola Cascada

Ottimo lavoro mozzo

Avete avuto il coraggio di prendere il tesoro dell'isola. Fare clic sulla freccia per raccoglierla.

*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

Cancella

Verifica

errore

x

Salvando

  • 3000
  • 70
  • 20
  • 700

Sapevo che non mi sbagliavo su di te... Audace e tenace come un buon pirata...

Isola BosqueSelezionate i numeri che, sommati, danno i risultati indicati nei riquadri

24,17

7,86

Salvando

39,33

71,15

67,35

72,05

46,98

59,49

32,72

errore

x

Ben fatto, mozzo! Attenzione non hai ancora finito...

Isola BosqueScegliere i numeri che, sottratti, danno i risultati indicati nei riquadri.

69,5

92,43

Salvando

40,78

19,42

45,58

28,72

38,68

46,85

58,1

Andiamo a prendere la nostra taglia!.

eerrore

x

Salvando

  • 3000
  • 70
  • 20
  • 700

Che bella compagnia ho trovato per me stesso! Sei un gran calcolatore. Andiamo a prendere il prossimo....

Isola DesiertoScrivete il risultato delle addizioni e delle sottrazioni nei cactus del deserto.

Guardando

234,56 + 394,109

15,4 + 65 + 36,21

832,1 - 356,943

errore

x

Una buona valutazione... Un nuovo tesoro ci attende...

VALIDER

controlla

Salvando

  • 3000
  • 70
  • 20
  • 700

Tre tesori! Le 7 isole dei mari del Nord sono dietro l'angolo!...

Isola GlaciarEliminare tutti i numeri che non risultano nelle seguenti operazioni.

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

Hai fallito... Prova di nuovo, mozzo..

¡Tiempo!

2

X/N

00:00

inflexible

Isla GlaciarEliminare tutti i numeri che non risultano nelle seguenti operazioni.

Salvando

7,43 : 100

1,28 x 1000

54,33 x 10

Hai fallito... Prova di nuovo, mozzo.

¡Tiempo!

1

X/N

00:00

inflexible

543,3

743

5433

0,00128

5,433

0,0743

0,743

128

1280

È stato difficile, ma abbiamo il tesoro...

Salvando

  • 3000
  • 70
  • 20
  • 700

Ottimo lavoro! Prendiamo il tesoro in fretta e andiamo prima di morire di freddo....

Isola Tierra ÁridaCollegare ogni moltiplicazione con il suo risultato. Ricordate di eseguire le operazioni con attenzione.

Salvando

Valider

Recommencer

Isola Tierra Árida

errore

x

Buon lavoro mozzo!

Sono sempre più stupito dal suo lavoro. Ci restano solo due tesori per completare la nostra 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

Cancella

controlla

Salvando

  • 3000
  • 70
  • 20
  • 700

Di chi sono questi resti? Sono sicuro che vale milioni... Andiamo avanti...

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

Imbarco! Ottimo lavoro. Prendiamo il tesoro in fretta...

Salvando

quoziente

errore

quoziente

x

quoziente

Resto

Resto

Resto

58791 : 43

62541 : 85

9021 : 37

VALIDER

Controlla

Salvando

  • 3000
  • 70
  • 20
  • 700

Abbiamo già conquistato 6 isole. Ne è rimasto solo una e per partecipare dovrete utilizzare il codice che avete ottenuto... Dobbiamo fare attenzione...

1

2

3

4

5

6

7

8

9

123456

1234

APERTO

ERRORE

123456

Dovremo vedere... Ho al mio fianco il miglior mozzo che si possa avere. Preparatevi a perdere...

Capitan Barbanera! Mi hanno detto che avete sei dei tesori delle isole del nord... Ma non avrete l'ultimo...

Salvando

  • 3000
  • 70
  • 20
  • 700

A

ABBORDAGGIO!

ti avevo detto che era forte...

$Opción de respuesta 1

B

Dammi il tesoro... Da oggi sarò il pirata più temuto di tutti i mari... Grazie per il tuo aiuto, mozzo!

Salvando

$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

Salvando

  • 3000
  • 70
  • 20
  • 700

Sono il miglior pirata di sempre! Grazie per il tuo aiuto, mozzo...

Un'ora dopo...

... 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

hei... piccolo mozzo... ti ho lasciato un regalo per ringraziarti del tuo aiuto in questa battaglia... Conservalo bene...

  • 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 %