MUSIC CLASS ROYALE

Extensiones

Descripción

Diseño

Desarrollo

Quiz Flexible
Typewriter + VAR + Gradebook

El juego está creado para realizar las "Batallas Individuales" dentro de la gamificación "Mathmental Royale: Multiplicaciones" en el que trabajaremos las tablas de multiplicar. En las batallas Individuales, el jugador debe completar una serie de puntos para poder derrotar a la torre del Rey. Una vez derrotado, el maestro/a le entregará la clave para pasar a la siguiente arena (siguiente tabla de multiplicar).

Créditos

Todas las imágenes utilizadas están registradas bajo licencia de uso de Freepik

Las imágenes del juego Clash Royale pertencen a Supercell

Nota. Este Quiz Flexible está modificado para que la puntuación sea el número de aciertos multiplicado por 10 para adaptarlo a la gamificación Mathmental Royale. Para utilizar el Quiz Flexible original debes ir al enlace que hay arriba.

Una épica batalla está a punto de comenzar.

https://view.genial.ly/65a2c87754a170001489af93

https://view.genial.ly/618f006411e2140dfeae94ba, https://view.genial.ly/613b90a254e6970d68fc6c96

Desmuestra tu habilidad con los intervalos musicales.

https://view.genial.ly/618f006411e2140dfeae94ba, https://view.genial.ly/613b90a254e6970d68fc6c96

Acierta al menos 5 intervalos en cada nivel, avanza por las diferentes arenas y ...

https://view.genial.ly/618f006411e2140dfeae94ba, https://view.genial.ly/613b90a254e6970d68fc6c96

¡conviértete en el Rey o Reina de los Intervalos!

nom,group

Escribe tu nombre

Elige tu campeón de batalla

§nom§: *3

Arena 1

Arena 2

Arena 3

Arena 4

Arena 5

Arena 6

Arena 7

Arena 8

Arena 9

Arena 10

§nom§

¡NIVEL DESBLOQUEADO!

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

¡NIVEL DESBLOQUEADO!

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

¡NIVEL DESBLOQUEADO!

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

¡NIVEL DESBLOQUEADO!

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

¡NIVEL DESBLOQUEADO!

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

¡NIVEL DESBLOQUEADO!

§nom§

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

¡NIVEL DESBLOQUEADO!

§nom§

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

¡NIVEL DESBLOQUEADO!

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

¡NIVEL DESBLOQUEADO!

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

¡NIVEL DESBLOQUEADO!

§nom§

VER INSTRUCCIONES

VER PUNTUACIONES

§nom§

$[20%:1, 40% : 2, 60% : 3]

§nom§

Arena 1

Arena 2

Arena 3

Arena 4

Arena 5

Arena 6

Arena 7

Arena 8

Arena 9

Arena 10

JUGAR

Sitúate sobre una Arena para ver las instrucciones

INTERVALOS DE 2ª MENOR (1 SEMITONO) Fase 1. Para superar el nivel tendrás que realizar intervalos de 2ª menor ascendente o descendente a partir de la nota dada

INTERVALOS DE 2ª MAYOR (1 TONO) Fase 2. Para superar el nivel tendrás que realizar intervalos de 2ª Mayor ascendente o descendente a partir de la nota dada

INTERVALOS DE 3ª MENOR (1 TONO Y 1 SEMITONO) Fase 3. Para superar el nivel tendrás que realizar intervalos de 3ª menor ascendente o descendente a partir de la nota dada

INTERVALOS DE 3ª MAYOR (2 TONOS) Fase 4. Para superar el nivel tendrás que realizar intervalos de 3ª Mayor ascendente o descendente a partir de la nota dada

INTERVALOS DE 4ª JUSTA (2 TONOS Y 1 SEMITONO) Fase 5. Para superar el nivel tendrás que realizar intervalos de 4ª Justa ascendente o descendente a partir de la nota dada Truco: son todo tonos y un semitono

INTERVALOS DE 5ª JUSTA (3 TONOS Y 1 SEMITONO) Fase 6. Para superar el nivel tendrás que realizar intervalos de 5ª Justa ascendente o descendente a partir de la nota dada Truco: son todo tonos y un semitono

INTERVALOS DE 6ª MAYOR (4 TONOS Y 1 SEMITONO) Fase 7. Para superar el nivel tendrás que realizar intervalos de 6ª Mayor ascendente o descendente a partir de la nota dada Truco: son todo tonos y un semitono

INTERVALOS DE 7ª MAYOR (5 TONOS Y 1 SEMITONO) Fase 8. Para superar el nivel tendrás que realizar intervalos de 7ª Mayor ascendente o descendente a partir de la nota dada Truco: es la inversión de la 2ª menor

TODOS LOS INTERVALOS Fase 9. Para superar el nivel tendrás que realizar intervalos ascendentes o descendentes a partir de las notas dadas

TODOS LOS INTERVALOS Fase 10. Para superar el nivel tendrás que realizar intervalos ascendentes o descendentes a partir de las notas dadas

§nom§

$[20%:1, 40% : 2, 60% : 3]

§nom§

Arena 1

Arena 2

Arena 3

Arena 4

Arena 5

Arena 6

Arena 7

Arena 8

Arena 9

Arena 10

Sitúate sobre una Arena para ver las instrucciones

SEGUIR JUGANDO

INTERVALOS DE 2ª MENOR (1 SEMITONO) Fase 1. Para superar el nivel tendrás que realizar intervalos de 2ª menor ascendente o descendente a partir de la nota dada

INTERVALOS DE 2ª MAYOR (1 TONO) Fase 2. Para superar el nivel tendrás que realizar intervalos de 2ª Mayor ascendente o descendente a partir de la nota dada

INTERVALOS DE 3ª MENOR (1 TONO Y 1 SEMITONO) Fase 3. Para superar el nivel tendrás que realizar intervalos de 3ª menor ascendente o descendente a partir de la nota dada

INTERVALOS DE 3ª MAYOR (2 TONOS) Fase 4. Para superar el nivel tendrás que realizar intervalos de 3ª Mayor ascendente o descendente a partir de la nota dada

TODOS LOS INTERVALOS Fase 9. Para superar el nivel tendrás que realizar intervalos ascendentes o descendentes a partir de las notas dadas

TODOS LOS INTERVALOS Fase 10. Para superar el nivel tendrás que realizar intervalos ascendentes o descendentes a partir de las notas dadas

§nom§

¡Aquí tienes tu progreso, §nom§!

$Q2:SP

$Q2:SH

$Q3:SP

$Q3:SH

$Q4:SP

$Q4:SH

$Q5:SP

$Q5:SH

$Q6:SP

$Q6:SH

$Q7:SP

$Q7:SH

$Q8:SP

$Q8:SH

$Q9:SP

$Q9:SH

$Q10:SP

$Q10:SH

SEGUIR JUGANDO

¡¡ META !!

Tabla del 2

$J1:"§nom§"

PER

$SCORE1

$J1:"§nom§"

$HITS1

Intentar de nuevo

Inicio

$TXT FEEDBACK$

¡ Genial $J1:"§nom§" !

01:30

¡BUENA SUERTE!
¡No, no! | Ups!|Ni de broma | ¿En serio?
¡MUY BIEN! | ¡GENIAL! ESTUPENDO | Por los pelos
¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

true

$TXT QUIZ$ Texto del enunciado

&100 $v1[1,9] x 2

eval{$v1* 2}

¡Debes repasar estos intervalos!

Quiz,5, T:Q1

PASAR

PER

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

01:30

Todas las tablas

&100 $v1[111,999] + $v2[10/20/30/40/50/60/70/80/90]

eval{$v1+$v2}

true

$TXT QUIZ$ Texto del enunciado

$TXT FEEDBACK$

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

$HITS1

Intentar de nuevo

¡Debes repasar estos intervalos!

&100 $v1[1,9] x $v2[1,9]

eval{$v1* $v2}

PASAR

Inicio

¡ Genial $J1:"§nom§" !

Quiz,5, T:Q10

$Q1:SP

$Q1:SH

§nom§, anota las puntuaciones en tu ficha de batalla.

PER

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

Tabla del 3

$TXT FEEDBACK$

01:30

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

$HITS1

true

$TXT QUIZ$ Texto del enunciado

Intentar de nuevo

¡Debes repasar estos intervalos!

&100 $v1[1,9] x 3

eval{$v1* 3}

Inicio

¡ Genial $J1:"§nom§" !

Quiz,5, T:Q2

PASAR

$Q2:SP

$Q2:SH

Anota las puntuaciones en tu ficha de batalla

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

PER

Tabla del 4

$TXT FEEDBACK$

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

01:30

$HITS1

true

$TXT QUIZ$ Texto del enunciado

Intentar de nuevo

¡ Genial !

Inicio

¡Debes repasar estos intervalos!

PASAR

&100 $v1[1,9] x 4

eval{$v1* 4}

Quiz,5, T:Q3

$Q3:SP

$Q3:SH

Anota las puntuaciones en tu ficha de batalla

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

PER

Tabla del 5

$TXT FEEDBACK$

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

01:30

$HITS1

true

$TXT QUIZ$ Texto del enunciado

Intentar de nuevo

&100 $v1[1,9] x 5

eval{$v1* 5}

¡Debes repasar estos intervalos!

PASAR

Inicio

¡ Genial $J1:"§nom§" !

Quiz,5, T:Q4

$Q4:SP

$Q4:SH

Anota las puntuaciones en tu ficha de batalla

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

PER

Tabla del 6

$TXT FEEDBACK$

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

01:30

$HITS1

true

$TXT QUIZ$ Texto del enunciado

Intentar de nuevo

&100 $v1[1,9] x 6

eval{$v1* 6}

¡Debes repasar estos intervalos!

PASAR

Inicio

¡ Genial $J1:"§nom§" !

Quiz,5, T:Q5

$Q5:SP

$Q5:SH

Anota las puntuaciones en tu ficha de batalla

PER

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

01:30

Tabla del 7

&100 $v1[11,99] + $v2[1,9]

eval{$v1+$v2}

&100 $v3[1,9] + $v4[11,99]

eval{$v3+$v4}

true

$TXT QUIZ$ Texto del enunciado

$TXT FEEDBACK$

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

$HITS1

Intentar de nuevo

¡Debes repasar estos intervalos!

PASAR

&100 $v1[1,9] x 7

eval{$v1* 7}

Inicio

¡ Genial $J1:"§nom§" !

Quiz,5, T:Q6

$Q6:SP

$Q6:SH

Anota las puntuaciones en tu ficha de batalla

PER

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

01:30

Tabla del 8

true

$TXT QUIZ$ Texto del enunciado

$TXT FEEDBACK$

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

$HITS1

Intentar de nuevo

¡Debes repasar estos intervalos!

&100 $v1[1,9] x 8

eval{$v1* 8}

PASAR

Inicio

¡ Genial $J1:"§nom§" !

Quiz,5, T:Q7

$Q7:SP

$Q7:SH

Anota las puntuaciones en tu ficha de batalla

PER

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

01:30

Tabla del 9

true

$TXT QUIZ$ Texto del enunciado

$TXT FEEDBACK$

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

$HITS1

Intentar de nuevo

¡Debes repasar estos intervalos!

&100 $v1[1,9] x 9

eval{$v1* 9}

PASAR

Inicio

¡ Genial $J1:"§nom§" !

Quiz,5, T:Q8

$Q8:SP

$Q8:SH

Anota las puntuaciones en tu ficha de batalla

PER

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

01:30

Tabla del 10

true

$TXT QUIZ$ Texto del enunciado

$TXT FEEDBACK$

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

$HITS1

Intentar de nuevo

¡Debes repasar estos intervalos!

PASAR

&100 $v1[1,9] x 10

eval{$v1* 10}

Inicio

¡ Genial $J1:"§nom§" !

Quiz,5, T:Q9

$Q9:SP

$Q9:SH

Anota las puntuaciones en tu ficha de batalla

PER

¡BUENA SUERTE!
¡NO ES CORRECTO!
¡MUY BIEN! | ESTUPENDO | ¡GRANDE!
disabled
disabled
disabled
¡VAMOS $P!

01:30

Todas las tablas

&100 $v1[111,999] + $v2[10/20/30/40/50/60/70/80/90]

eval{$v1+$v2}

true

$TXT QUIZ$ Texto del enunciado

$TXT FEEDBACK$

$J1:"§nom§"

$SCORE1

$J1:"§nom§"

$HITS1

Intentar de nuevo

¡Debes repasar estos intervalos!

&100 $v1[1,9] x $v2[1,9]

eval{$v1* $v2}

PASAR

Inicio

¡ Genial $J1:"§nom§" !

Quiz,5, T:Q10

$Q10:SP

$Q10:SH

Anota las puntuaciones en tu ficha de batalla

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

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
[1-5] indica el rango de valores posibles para la clave. Opcional, si no se incluye se considerará [0-9].
color añade un color asociado a cada dígito. Opcional.
Son los colores que asociaremos a la clave. (Ej: #FF0000). Es algo opcional y puede no incluirse.
no-repeat hace que los dígitos/imágenes/colores de la contraseña no se repitan

5
[1-5]
color
#FF9900, #FAF700, #00CC00, #FF0000, #6633FF
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

[3]

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

Alto

Ancho

Taille bordure

Couleur bordure

Couleur fond

Couleur police

Taille police

Style bordure

Nom police

AbeeZee

Abel

Abhaya Libre

AbeeZee

Aclonica

AbeeZee

Actor

Petit rappel, il faudra que la police soit présente sur la page ou vous mettrez vos boîtes pour qu'elle soit prise en compte

Texte à copier puis entrer dans "insérer , </> Autres" sous genially pour obtenir des boîtes compatibles avec l'extension présentant votre aspect personnalisé

Aperçu boîte personnalisée

Se mettre en mode prévisualisation pour changer les paramètres

Opacité fond

Nom variable

INPUTCREATOR

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(140, 140, 140); border-width: 1px; border-style: solid; background-color: rgb(245, 245, 245); border-radius: 100px; backdrop-filter: blur(0px); transform: scaleY(1); overflow: hidden;"><div style="height: 100%; width: 80%; padding: 0px; margin: 0px; border-width: 0px; border-radius: 100px; backdrop-filter: blur(0px); box-shadow: rgba(102, 102, 102, 0.3) 4.1px 1.00421e-15px 14.9px 4.1px; background-image: linear-gradient(0deg, rgb(252, 200, 70) 0%, rgb(252, 200, 70) 71%);" 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')); 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. También opta por horizontal o vertical. Luego, copia todo el texto e insértalo en tu itinerario

Barras de progreso que cambian de color

Cambia de color según %

80%

¡Enhorabuena! Has conseguido superar todos los desafíos.

!!Eres el Rey o Reina de los Intervalos!!

MUSIC CLASS ROYALE

More creations to inspire you

SLYCE DECK

LET’S GO TO LONDON!

ENERGY KEY ACHIEVEMENTS

HUMAN AND SOCIAL DEVELOPMENT KEY

CULTURAL HERITAGE AND ART KEY ACHIEVEMENTS

DOWNFALLL OF ARAB RULE IN AL-ANDALUS

ABOUT THE EEA GRANTS AND NORWAY

Transcript