Want to make interactive content? It’s easy in Genially!

Over 30 million people build interactive content in Genially.

Check out what others have designed:

Transcript

Játék

Az elveszett kincs után kutatvaTizedes törtek6. osztály

FOLYTAsd A JÁTÉKOT

Folytatás

...Egyszer kalóz leszek, és a tengereken hajózok kincsek után kutatva...

Én leszek a legrettegettebb kalóz az egész világon. Olyan leszek, mint a "Feketeszakállú" kalóz, és senki sem fog tudni legyőzni...

  • 3000
  • 70
  • 20
  • 700

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

P Szia... Azért jöttem, mert szükségem van a segítségedre, hogy a tengeren vitorlázhassak kincsek után kutatva...

Nagy kaland lesz a "Queen Anne's Revenge" hajómon. El mersz kísérni?

  • 3000
  • 70
  • 20
  • 700

Nagyon ügyes vagy kisfiam... Át kell kelnünk az északi tengerek 7 szigetén...

Mindegyikben kemény kihívásokkal kell szembenéznünk, hogy megszerezzük a rejtett kincset... Készen állsz?... Kattints a nyílra, hogy elérjük a térképet, amely vezet minket az úton...

  • 3000
  • 70
  • 20
  • 700

Guardando

Ha új játékot kezd, elveszíti minden előrehaladását és jutalmát.

Rajt

80%

#

#

#

#

#

#

Guardando

Vízesés szigetTedd a számokat a hordóba úgy, hogy az összegük a megadott eredményt adja!

+

=

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

Vízesés sziget

Jó munkát!

Bátor voltál, és megszerezted a sziget kincsét, kattints a nyílra, hogy összegyűjtsd.

*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

Törlés

Ellenőrzés

Hibás

x

Guardando

  • 3000
  • 70
  • 20
  • 700

Tudtam, hogy nem tévedek veled kapcsolatban... Merész és kitartó vagy, mint egy jó kalóz...

Erdő-szigetVálaszd ki azt a két-két számot, amelyek összeadásával a táblákon megjelölt eredményeket kapod!

24,17

7,86

Guardando

39,33

71,15

67,35

72,05

46,98

59,49

32,72

Hibás

x

Ügyes vagy! Vigyázz, még nem végeztél...

Erdő-szigetVálaszd ki azt a két-két számot, amelyek kivonásával a táblákon megjelölt eredményeket kapod!

69,5

92,43

Guardando

40,78

19,42

45,58

28,72

38,68

46,85

58,1

Beszállás! Menjünk a jutalmunkért.

Hibás

x

Guardando

  • 3000
  • 70
  • 20
  • 700

Milyen nagyszerű társaságra találtam magam! Remek matekos vagy. Menjünk a következőre!

Lakatlan szigetÍrd le a sivatagi kaktuszok összeadás és kivonás eredményét!

Guardando

234,56 + 394,109

15,4 + 65 + 36,21

832,1 - 356,943

Hibás

x

Jó számítások... Új kincs vár ránk...

VALIDER

Ellenőrzés

Guardando

  • 3000
  • 70
  • 20
  • 700

Három kincs! Alig maradt ismeretlen az Északi tengerek 7 szigetén...

Gleccser-szigetTörölj ki minden olyan számot, amely NEM eredményezi a következő műveleteket!

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

Következő

Elbuktál...Próbáld újra kalózfiú!

¡Tiempo!

2

X/N

00:00

inflexible

Gleccser-szigetTörölj ki minden olyan számot, amely nem eredményezi a következő műveleteket.

Guardando

7,43 : 100

1,28 x 1000

54,33 x 10

Nem sikerült! Próbáld újra, kalózfiú!

¡Tiempo!

1

X/N

00:00

inflexible

543,3

743

5433

0,00128

5,433

0,0743

0,743

128

1280

Sikerült! Nehéz volt, de megvan a kincs...

Guardando

  • 3000
  • 70
  • 20
  • 700

Nagyszerű munka! Fogd meg gyorsan a kincset, és menjünk, mielőtt megfagyunk...

Kopárföld-szigetPárosítsd az egyes szorzásokat az eredményével! Ne felejtsd el gondosan végrehajtani a műveleteket.

Guardando

Valider

Recommencer

Kopárföld-sziget

Hibás

x

Jó munkát!

A munkáid egyre jobban lenyűgöznek. Már csak két kincsünk maradt, hogy befejezzük hódításunkat.

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

Törlés

Ellenőrzés

Guardando

  • 3000
  • 70
  • 20
  • 700

Kié lesz ez a sok maradvány? Az biztos, hogy milliókat ér... Menjünk tovább...

ÁlomszigetÍrd fel az egyes elhagyott hajókat jelölő osztás hányadosát és maradékát.

Beszállás! Remek munka. Szerezzük meg gyorsan a kincset...

Guardando

Hányados

Hibás

Hányados

x

Hányados

Maradék

Maradék

Maradék

58791 : 43

62541 : 85

9021 : 37

VALIDER

Ellenőrzés

Guardando

  • 3000
  • 70
  • 20
  • 700

Már 6 szigetet meghódítottunk. Már csak egy van hátra, a belépéshez a kapott kódot kell használni... Vigyáznunk kell...

1

2

3

4

5

6

7

8

9

123456

1234

ABIERTO

ERROR

123456

Megnézem azt... A legjobb kalózfiú van mellettem. Készülj fel a vesztésre...

Feketeszakáll kapitány! Azt mondják, van 6 kincsed az Északi szigeteken... de az utolsót nem kapod meg..

Guardando

  • 3000
  • 70
  • 20
  • 700

A

Kiváló!

Már mondtam, hogy erős vagy...

$Opción de respuesta 1

B

Add ide a kincset... Mától én leszek az összes tenger legfélelmetesebb kalóza...Köszönöm a segítségedet haver...

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$

Ellenőrzés

  • Sok szerencsét!
  • Rossz válasz
  • Kiváló
  • ¡AL ABORDAJE!
  • disabled
  • GOLPE BRUTAL X3
  • GOLPE CRÍTICO X2
  • INTÉNTALO DE NUEVO
  • Helyes

arcade

true

Guardando

  • 3000
  • 70
  • 20
  • 700

Én vagyok a legjobb kalóz, aki valaha élt! Köszönöm a segítségedet haver...

Néhány órával később...

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

Kis kalózfiú... Hagytam neked egy ajándékot, hogy megköszönjem a segítségedet ebben a versenyben...Csak így tovább...

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