Want to make creations as awesome as this one?

Transcript

COMEÇAR

Piratas decimais

5.º ANO

VIDEOAULA: 53

Objetivo:

- Resolver e elaborar problemas de situações multiplicativas (números racionais cuja forma decimal é finita – com multiplicador natural) com o significado de adição de parcelas iguais, disposição retangular, utilizando estratégias próprias de resolução (desenhos, palavras ou oralmente), algoritmos (convencionais ou por decomposição) ou calculadora.

Jogar

Piratas decimais

Prepare-se para viver várias aventuras pelos sete mares do Norte...

Continuar

Um dia serei um pirata e navegarei pelos mares em busca de tesouros perdidos...

Serei o pirata mais esperto do mundo e ninguém me vencerá...

  • 3000
  • 70
  • 20
  • 700

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

Estou aqui porque preciso da sua ajuda para navegar pelos mares em busca de tesouros perdidos...

... Será uma grande aventura a bordo do meu navio. Você tem coragem de me acompanhar?

  • 3000
  • 70
  • 20
  • 700

Muito bem... Teremos que atravessar as sete ilhas dos mares do Norte...

E enfrentar alguns desafios para conquistar o tesouro escondido... Você está pronto?

  • 3000
  • 70
  • 20
  • 700

Salvando

Se você iniciar um novo jogo, perderá todo o seu progresso e as recompensas.

Início

80%

#

#

#

#

#

#

Recompensas:

Código:

Salvando

ILHA DA CACHOEIRAMarcos resolveu pintar alguns cômodos da sua casa. Para isso, comprou 4 latas de tinta. Cada lata contém 3,2L. Quantos litros de tinta ele comprou ao todo?

Ilha da Cachoeira

Bom trabalho pirata!

Você foi esperto e conquistou o tesouro da ilha!Clique na seta para coletá-lo.

12,8L

1,28L

128,0L

Salvando

  • 3000
  • 70
  • 20
  • 700

Eu sabia que não estava errado sobre você... Persistente como um bom pirata deve ser... Clique na seta para a próxima batalha!

ILHA DA FLORESTASelecione os números do baú que, quando somados, darão os resultados marcados nas placas.

24,17

7,86

Salvando

39,33

71,15

67,35

72,05

46,98

59,49

32,72

Errado

X

Muito bem! Tenha cuidado, você ainda não terminou...

ILHA DA FLORESTASelecione os números do baú que, quando somados, darão os resultados marcados nas placas.

69,5

92,43

Guardando

40,78

19,42

45,58

28,72

38,68

46,85

58,1

Para o embarque!Vamos buscar nossa recompensa.

Errado

X

Salvando

  • 3000
  • 70
  • 20
  • 700

Que maravilha! Encontramos o tesouro! Você é um grande pirata. Vamos para o próximo desafio!

ILHA DESERTAEscreva o resultado da adição e subtração nos cactos do deserto.

Salvando

234,56 + 394,109

15,4 + 65 + 36,21

832,1 - 356,943

Errado

X

Muito bom!!!Um novo tesouro nos espera...

VALIDER

Confirmar

Salvando

  • 3000
  • 70
  • 20
  • 700

Falta pouco pra você conquistar as sete ilhas dos mares do Norte...

ILHA GLACIALElimine todos os números que não são resultados das seguintes operações.

Salvando

0,4536 x 1000

34,54 : 100

8976 : 10

453,6

0,3454

897,6

3454

89,76

45,36

89760

4536

3,454

Seguir

Tente novamente!

Tempo

2

X/N

00:00

inflexible

ILHA GLACIALElimine todos os números que não são resultados das seguintes operações.

Salvando

7,43 : 100

1,28 x 1000

54,33 x 10

Tente novamente!

Tempo

1

X/N

00:00

inflexible

543,3

743

5433

0,0128

5,433

0,0743

0,743

128

1280

Tem sido difícil, mas conseguimos conquistar o tesouro...

Salvando

  • 3000
  • 70
  • 20
  • 700

Bom trabalho! Pegue o tesouro rápido e vamos embora antes de congelarmos...

ILHA DA TERRA ÁRIDACombine cada multiplicação com seu resultado.

Salvando

Valider

Recommencer

Ilha da terra árida

Errado

X

Bom trabalho, pirata!

Cada vez mais seu trabalho me surpreende. Só nos restam dois tesouros para terminar a missão.

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

Excluir

Confirmar

Salvando

  • 3000
  • 70
  • 20
  • 700

De quem são esses ossos? Com certeza são muito valiosos... Seguimos em frente...

ILHA PARAÍSOEscreva o quociente e o resto da divisão que marca cada navio abandonado.

Ótimo trabalho! Vamos pegar o tesouro...

Salvando

Quociente

Errado

Quociente

X

Quociente

Resto

Resto

Resto

58791 : 43

62541 : 85

9021 : 37

VALIDER

Confirmar

Salvando

  • 3000
  • 70
  • 20
  • 700

Já conquistamos seis ilhas. Resta apenas uma... Mas, para entrar, é necessário utilizar o código... Tenha cuidado...

1

2

3

4

5

6

7

8

9

123456

1234

ABRIR

ERRADO

123456

Você não consquistará o tesouro da última ilha... Tenho ao meu lado o melhor pirata que se pode ter. Prepare-se para perder!!!

Capitão Barba Negra, disseram-me que você tem seis tesouros das ilhas do Norte...

Salvando

  • 3000
  • 70
  • 20
  • 700

Sabendo que 64 x 2 = 128, qual é o produto da multiplicação 6,4 x 2?

12,8

SALVANDO

0,128

1,28

128,0

Sabendo que 150 x 3 = 450, qual é o produto da multiplicação 1,5 x 3?

0,45

SALVANDO

0,045

4,5

45,0

Sabendo que 18 x 3 = 54, qual é o produto da multiplicação 0,018 x 3?

54

SALVANDO

0,054

0,54

5,4

O resultado da multiplicação 2 x 3,5 é:

7,0

SALVANDO

7,5

3,5

6,5

DESAFIO

Eu avisei...

Tente novamente!!!

SALVANDO

Salvando

  • 3000
  • 70
  • 20
  • 700

Somos os maiores piratas de todos os tempos!

Algumas horas depois...

Tive um sonho incrível: uma aventura com um pirata de verdade!!!!

E esse tesouro? Meus amigos não vão acreditar quando eu contar...

  • 3000
  • 70
  • 20
  • 700

OBRIGADO PELA AJUDA, GRANDE PIRATA!!!

OUTRO JOGO

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