Want to make creations as awesome as this one?

Transcript

2

LA SAGA D'OBLIVION

created by @fernando_marti7

"BOLA DE DRAC: PI AL QUADRAT" ÉS UN PROJECTO GAMIFICAT CREAT PER FERNANDO MARTÍ, BASAT EN ELS PERSONATGES DE LA SÈRIE "DRAGON BALL" AMB FINALITAT EDUCATIVA, MAI AMB INTERESSOS LUCRATIUS, PER A TREBALLAR CONTINGUTS DE MATEMÀTIQUES EN 5è DE PRIMÀRIA.

"BOLA DE DRAC: PI AL QUADRAT" ÉS UN PROJECTO GAMIFICAT CREAT PER FERNANDO MARTÍ, BASAT EN ELS PERSONATGES DE LA SÈRIE "DRAGON BALL" AMB FINALITAT EDUCATIVA, MAI AMB INTERESSOS LUCRATIUS, PER A TREBALLAR CONTINGUTS DE MATEMÀTIQUES EN 5è DE PRIMÀRIA.

CREDITS

ESTÀS PREPARAT PER A AQUESTA GRAN AVENTURA?

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

Després de tots els esdeveniments de la saga de Buu, la pau i la armonia regnen en el món.Però tota està tranquilitat està a punt de finalitzar degut a la visita d'un ésser vingut d'un altre Univers...En una estranya màquina, un Krilin d'un univers paral·lel apareix davant dels nostres herois.Ell els explica que en el seu Univers ha aparegut un monstre espantós que es dedica a absrovir els coneixements de la gent per augmentar el seu poder. D'aquesta forma ja ha absorvit el coneixement del 90% de la població mundial i és quasi invencible. A més, ha reclutat als més temibles villans de l'Univers.Krilin els demana ajuda per anar al seu Univers, trobar les Boles de Drac i demanar al Drac Sheron que retorne els coneixements a tots els habitants del planeta. Si ho aconsegueixen, podran enfrontar-se amb possibilitats de derrotar a este maleit villà. Si no, el seu Univers estarà perdut.

by Krillin888

La nostra missió consisteix a acompanyar a Krilin al seu Univers paral·lel i trobar les 7 Boles de Drac perquè Sheron ens consedisca un desig.Hem d'anar amb molt de compte, perquè en el nostre camí ens trobarem amb obstacles i enemics que ens posaran les coses complicades.Recordeu que el coneixement del món està a punt de desapareixer per complet i hem de posar tot el nostre potencial per aconseguir el nostre objectiu.

1. COMENÇA L'AVENTURA

AVENTURA

2. EL NOU MESTRE

3. EN BUSCA DE LA PRIMERA BOLA DE DRAC

4. DIFICULTATS I OBSTACLES

5. EL PRIMER ENFRONTAMENT

6. CONTINUA LA BÚSQUEDA

7. UNA MÉS PER A LA COL·LECCIÓ

8. UN PREMI A L'ESFORÇ

9. ESCAPE DE LA TRAMPA

10. A FALTA D'UNA

11. TOTES LES BOLES DE DRAC

12. L'ENFRONTAMENT FINAL

1. SUPERA ELS REPTES QUE ES PLANTEJEN I DERROTA A L 'ENEMIC FINAL DE CADA MISSIÓ.

3. RECUPERA LES BOLES DE DRAC FINS ACONSEGUIR LES 7.

4. ASCENDEIX DE NIVELL FINS ARRIBAR AL ULTRAINSTINTE.

5. ACONSEGUEIX TOTES LES RECOMPENSES QUE TROBARÀS PEL CAMÍ.

6. DERROTA A OBLIVION EN EL DESAFIAMENT FINAL.

2. ACONSEGUEIX LES COORDENADES DE LA SEGÜENT BOLA DE DRAC PER POSAR-LES AL RADAR I SEGUIR L'AVENTURA.

1. APRENENT

2. CAMPIÓ

3. SÚPER SAIYAN

4. Súper Saiyan DEU

5. SUPER SAYAJIN BLAU

6. SUPER SAYAJIN ROSA

7. ULTRAINSTINTE

Benvinguts a la nostra ciutat: SATAN CITY.Ací és on visc amb la meua família, però tots han perdut els coneixements i no poden ni parlar.Hem de trobar les Boles de Drac per retornar els coneixements a tota la població i poder derrotar a Oblivion.He descobert el parador de la primera Bola de Drac, anem allí a recuperar-la.Cada vegada que recuperem una Bola, podrem obtenir el parador de la següent.Anem amb compte, perquè els sequaços d'Oblivion estaran esperant-nos.

ELEGEIX AL TEU PERSONATGE

80%

Wender Silva

Anem per la primera Bola de Drac. Toca-la per accedir als reptes. Si els superem tots podrem fer-nos amb ella i aconseguir les coordenades per a trobar la següent Bola.

Quan tingues les coordenades, col·loca el senyal del radar al lloc que ens indiquen per poder descobrir el seu parador.

Toca l'interruptor per comprovar si les coordenades són correctes.

https://view.genial.ly/6182a8459210230da006baf0

Wender Silva

Perfecte! Ja tenim la primera Bola de Drac i sabem on està la següent. Guarda-la en les recompenses.Toca en la Bola de 4 estreles per continuar el nostre camí.

https://view.genial.ly/6182a8459210230da006baf0

Wallpapers by lwisf3rxd

Hem arribat a Kame Haouse on està la segona Bola de Drac. Toca-la per accedir als reptes. Si els superem tots podrem fer-nos amb ella i aconseguir les coordenades per a trobar la següent Bola.

Quan tingues les coordenades, col·loca el senyal del radar al lloc que ens indiquen per poder descobrir el seu parador.

Toca l'interruptor per comprovar si les coordenades són correctes.

https://view.genial.ly/61aa62c2b86eb10df3621dfb

Wallpapers by lwisf3rxd

Perfecte! Ja tenim la segona Bola de Drac i sabem on està la següent. Guarda-la en les recompenses.Toca en la Bola de 3 estreles per continuar el nostre camí.

https://view.genial.ly/61aa62c2b86eb10df3621dfb

Recorde molt bé la Torre de la Cinta Roja! Ací està la tercera Bola de Drac. Toca-la per accedir als reptes. Si els superem tots podrem fer-nos amb ella i aconseguir les coordenades per a trobar la següent Bola.

Quan tingues les coordenades, col·loca el senyal del radar al lloc que ens indiquen per poder descobrir el seu parador.

Toca l'interruptor per comprovar si les coordenades són correctes.

https://view.genial.ly/6206ae78619270001168cea0

Fantàstic! Ja tenim la tercera Bola de Drac i sabem on està la següent. Guarda-la en les recompenses.Toca en la Bola de 7 estreles per continuar el nostre camí.

https://view.genial.ly/6206ae78619270001168cea0

Wallpapers by lwisf3rxd

El desert és molt perillós! Hem d'anar amb compte! Ací està la quarta Bola de Drac. Toca-la per accedir als reptes. Si els superem tots podrem fer-nos amb ella i aconseguir les coordenades per a trobar la següent Bola.

Quan tingues les coordenades, col·loca el senyal del radar al lloc que ens indiquen per poder descobrir el seu parador.

Toca l'interruptor per comprovar si les coordenades són correctes.

https://view.genial.ly/6206ae78619270001168cea0

Wallpapers by lwisf3rxd

Genial! Ja tenim la quarta Bola de Drac i sabem on està la següent. Guarda-la en les recompenses.Toca en la Bola de 5 estreles per continuar el nostre camí.

https://view.genial.ly/622c474cd67c2000188d9e76

Wallpapers by lwisf3rxd

Ací vivia Bulma en el nostre univers! Trobarem a la Bulma d'aquest univers? Però el que importa... Per ací està la quinta Bola de Drac. Toca-la per accedir als reptes. Si els superem tots podrem fer-nos amb ella i aconseguir les coordenades per a trobar la següent Bola.

Quan tingues les coordenades, col·loca el senyal del radar al lloc que ens indiquen per poder descobrir el seu parador.c

Wallpapers by lwisf3rxd

Què bé! Ja tenim la quinta Bola de Drac i sabem on està la següent. Guarda-la en les recompenses.Toca en la Bola de 2 estreles per continuar el nostre camí.

Tot pareix igual a la gran torre. De segur que per ací està la sexta Bola de Drac. Toca-la per accedir als reptes. Si els superem tots podrem fer-nos amb ella i aconseguir les coordenades per a trobar la següent Bola.

Quan tingues les coordenades, col·loca el senyal del radar al lloc que ens indiquen per poder descobrir el seu parador.c

Açò va de categoria! Ja tenim la penúltima Bola de Drac i sabem on està l'última. Guarda-la en les recompenses.Toca en la Bola d'1 estrela per continuar el nostre camí.

Quants records tornar al torneig d'arts marcials. Ací trobarem l'última Bola de Drac. Toca-la per accedir als reptes. Si els superem tots podrem fer-nos amb ella i aconseguir les coordenades per a trobar la següent Bola.

Quan tingues les coordenades, col·loca el senyal del radar al lloc que ens indiquen per poder descobrir el seu parador.c

Què pasada! Ja tenim totes les Boles de Drac. Guarda-la en les recompenses.Toca en la Bola de 6 estreles per continuar el nostre camí i invocar al Drac Sheron!

Wallpapers by lwisf3rxd

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%

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

80%

80%

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: 7px; border-style: solid; background-color: rgba(245, 245, 245, 0.5); border-radius: 68px 66px 68px 68px; backdrop-filter: blur(3.7px); transform: scaleY(1); overflow: hidden;"><div style="height: 100%; width: 80%; padding: 0px; margin: 0px; border-width: 0px; border-radius: 68px 66px 68px 68px; backdrop-filter: blur(3.7px); background-image: linear-gradient(83deg, rgb(249, 243, 83) 0%, rgb(236, 75, 75) 71%); box-shadow: rgba(102, 102, 102, 0.6) -1.10218e-15px 6px 3px 6px;" data-ref="progressBar" orientation="horizontal" data-value="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')); 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); } 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); } 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></div>