Want to make creations as awesome as this one?

URL, Dobble, Click, Couise, Millonario

Transcript

Extensiones de

para

y

1. Magnum

2. Mannix

3. Temporizador

4. Click & Bye

5. URL diapositiva

6. Couise

7. Millonario

8. Dobble

9. Agrupant

10. CaC CRUZ

11. Memory

12. DND oo

13. V-FIL

14. PUZLE

Comprobar

XX

10 pulsos12 pulsos9 pulsos11 pulsos

10 pulsos8 pulsos11 pulsos9 pulsos

13 pulsos6 pulsos12 pulsos10 pulsos

XX

¡Adelante!

¡Adelante!

Ejemplo MAGNUM:

Hauteur

Largeur

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

XX

XX

proposition1(juste)proposition2proposition3etc....

Obligatorio agrupar correcto

Obligatorio agrupar incorrecto

Obligatorio agrupar comprobar

Obligatorio (si no queremos que aparezca, sacarlo fuera de la diapositiva)

Obligatorio Es el cerebro del juego (No aparece en la visualización)

XX

#19D30D#CCAAFFouiouioui#FF22221570

1

2

3

0

0

2

2

1

3

Lo siento

¡ Muy bien!

Ejemplo MANNIX

Elemento agrupado en una lista que se utiliza para definir: - el color del menú - el color del elemento colocado sobre el menú - mantener las proporciones de las imágenes (distorsión si "no") - la visualización de comentarios cuando todo está completo o cada vez - indicación de errores mediante una cruz - el color de las cruces - el grosor de la cruz - el tamaño de la cruz en% de la imagen

Elemento de lienzo agrupado en un cuadro de texto Para mostrar las imágenes seleccionadas por el reproductor El número (de 0 a ....) corresponde al de la respuesta esperada

Elemento para copiar y pegar y agrupar con una de las imágenes para elegir respuesta

Elemento para agrupar con un objeto Genially para hacer un botón de reinicio

Elemento para agrupar con cuadro de texto para mostrar el número de errores

Elemento para agrupar con un objeto Genially que se mostrará cuando todo esté completo

Elemento que se agrupará con un objeto Genially que se mostrará en caso de error.

Elemento para agrupar con un objeto Genially que se mostrará cuando todo esté bien

Elemento obligatorio para colocar en la página

1

#AAAAAA#CCAAFFouiouioui#FF22221570

Formato de texto del temporizador. El texto puede editarse libremente pero luego debe quedar agrupado a este objeto. (código verde)

00:00:00

Es fundamental que este elemento no esté agrupado con nada y que lo coloquemos DENTRO de la diapositiva.

Edita el número sin desagrupar. Indica los minutos del temporizador.

Agrupar este objeto con el botón que debe iniciar el temporizador.

Agrupar este objeto con lo que deseemos mostrar cuando agotemos el tiempo dado.

TEMPORIZADOR (Clik)

0.1

11

11

SS

HH:MM:SS

HH:MM

HH:MM:SS

2

1

HH:MM:SS

Reloj/Cronómetro/Temporizador

Para cambiar el color del texto lo único que tenéis que hacer es crear un nuevo Texto y agruparlo con el objeto correspodiente (HH:MM o HH:MM:SS)

dos formatos para ver la horaagrupar con un cuadro de texto para definir el formato

Visualización del cronómetro (tiempo empleado)RE-INIT permite restablecer el cronómetro

Visualización del TEMPORIZADOR en el formato deseado

Mostrar un elemento al final del tiempo

Inicializa la duración del temporizador.

reiniciael temporizador

Elemento que se oculta cuando se haya terminado el tiempo.

Ejemplo CLIK & BYE

pulsa solo en los instrumentos de Percusión

¡ Muy bien!

Lo siento

ERR

X/N

Tot

Agrupar este objeto con lo que deseemos mostrar cuando agotemos el tiempo dado.

El texto puede editarse libremente pero luego debe quedar agrupado a este objeto.

Agrupar este objeto con lo que deseemos ocultar cuando iniciemos el temporizador.

Agrupar este objeto con lo que deseemos ocultar cuando agotemos el tiempo dado.

Agrupar este objeto con el botón que debe iniciar el temporizador (opcional). Si no se incluye, el tiempo empezará a correr automáticamente al cargar la pantalla.

Agrupar este objeto con lo que deseemos mostrar al pulsar un elemento ROJO.

Agrupar este objeto con el botón que reiniciará la pantalla.

Agrupar este objeto con lo que deseemos mostrar al pulsar todos los elementos VERDES.

CLICK & BYE

Powered by

00:00:00

Powered by

ERR

X/N

Tot

0.1

Agrupar con los elementos que deben mostrar los grupos FDBK_DISP

Agrupar con los elementos que deben ocultarse al ser pulsados. Una vez desaparezcan todos, se muestran los grupos FDBK_GLOBAL

Muestra el número de elementos rojos. Se puede desagrupar y editar el texto.

Agrupar con el texto que muestra el número de elementos eliminables (verdes).

Agrupar con el texto que muestra el número de elementos totales.

Edita el número sin desagrupar. Indica los minutos del temporizador.

Es fundamental que este elemento no esté agrupado con nada y que lo coloquemos DENTRO de la diapositiva.

CLICK & BYE

Copie y pegue el marco azul en una página para obtener su referencia

Copie y pegue el marco rojo en una página para obtener su URL

Copie y pegue el marco verde en una página para obtener su iframe de integración

El resultado se obtiene inmediatamente en modo de visualización y en modo de vista previa. Si da problema para copiar la dirección entonces copie el cuadro y váyase al modo visualización. Ahí ya le dejará siempre copiar el texto.Los Genially deben ser públicos para para poder integrar una página en otra.

En modo edición

Obtener URL de una página concreta

Gracias a S'CAPE y a:Stéphane Agniel por la idea de integrar código javascript en una página Genially.Mireille Philippe y su hermano por el consejo después de encontrar la URL de una página Génialement;Alveria Val por la idea de integrar una página Genially en otra página Genially.

Ejemplo COUSIE

COMPROBAR

¡¡Cuidado con las tildes!!

//-----VARIABLES UTILISATEUR---- var solution = ["ligadura", "calderón", "puntillo"]; //entrez vos réponses attendues var ordre = 1; // 0 ou 1 - tapez 1 si l'ordre des réponses est important (on peut vouloir faire retrouver des mots mais les champs réponses sont équivalents ) var espace = 0 ; //0 ou 1 - tapez 1 si les réponses doivent être nettoyées des espaces de début et fin var casse =0; // 0 ou 1 - tapez 1 si la casse (majuscules/minuscules) doit être respectée var correct=0; // 0 ou 1 - tapez 1 pour visualiser les erreurs (couleurs rouge / vert) var tentative=0; // 0 ou 1 - tapez 1 pour afficher le nombre des tentatives var maxtentative=3; // 0 pour illimité - tapez le nombre des tentatives maximales autorisées (tentative doit être à 1) var unefois=0; //0 ou 1 - tapez 1 pour empêcher de recommencer lors d'une session (le couise sera bloqué) (tentative doit être à 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Hauteur

Largeur

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

INPUTCREATOR

Générateur de champs-réponse

COUISE

Obligatorio que estén dentro de la diapositiva

Casillas de respuestas que salen de "INPUTCREATOR"

COMPROBAR

COUISE

Agrupar con objeto si aciertan

Agrupar con objeto si fallan

Modificar el script de la interactividad de este botón para añadir las respuestas correctas

//-----VARIABLES UTILISATEUR---- var solution = ["uno", "dos", "tres", "4"]; //entrez vos réponses attendues var ordre = 1; // 0 ou 1 - tapez 1 si l'ordre des réponses est important (on peut vouloir faire retrouver des mots mais les champs réponses sont équivalents ) var espace = 0 ; //0 ou 1 - tapez 1 si les réponses doivent être nettoyées des espaces de début et fin var casse =0; // 0 ou 1 - tapez 1 si la casse (majuscules/minuscules) doit être respectée var correct=0; // 0 ou 1 - tapez 1 pour visualiser les erreurs (couleurs rouge / vert) var tentative=0; // 0 ou 1 - tapez 1 pour afficher le nombre des tentatives var maxtentative=3; // 0 pour illimité - tapez le nombre des tentatives maximales autorisées (tentative doit être à 1) var unefois=0; //0 ou 1 - tapez 1 pour empêcher de recommencer lors d'une session (le couise sera bloqué) (tentative doit être à 1) //------VARIABLES A NE PAS MODIFIER--- function getParent(name) { var pnode = document.getElementById(name).parentNode.parentNode.parentNode; while (pnode.getAttribute('id') == null) { pnode = pnode.parentNode; } pnode = pnode.parentNode.parentNode; return (pnode); } function getTexte(name) { var pnode = getParent(name); if (pnode.querySelector('font')!=null) { var lastDiv=pnode.querySelector('font'); } else if (pnode.querySelector('.genially-view-text').querySelector('div')!=null) { var lastDiv=pnode.querySelector('.genially-view-text').querySelector('div'); } else { var lastDiv=pnode.querySelector('.genially-view-text'); } return lastDiv; } var refparent=document.getElementById('INITcouise').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; var refpage=refparent.getAttribute('id'); var stop='niet'+refpage; if(sessionStorage.getItem(stop)!=null) {var niet = sessionStorage.getItem(stop);} else {var niet=0} var question; var reponse = []; var faux = 0; if (document.getElementById('boncouise')){var BON = getParent('boncouise');} if (document.getElementById('erreurcouise')){var PASBON = getParent('erreurcouise');} if (document.getElementById('masquecouise')){var MASQUE = getParent('masquecouise');} //--- DISPARITION FENETRE ---- setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; //--- RECUPERATION DES REPONSES for (var i = 1; i

Icon made by Freepik from www.flaticon.com

Aciertos:

10

#

Dobble Instrumentos Musicales

Dobble Instrumentos Musicales

Powered by

IndividualModo básico

Agrupar (todo en bloque) con todas las imágenes con las que se jugará en el Dobble.

Áreas en las que aparecerán las imágenes de forma aleatoria y automática. Posicionar donde queramos que aparezca una de las imágenes (automatizado).Se pueden copiar y pegar las veces que deseemos.

Agrupar con un botón o imagen que aparecerá al finalizar la partida para reiniciar el juego.

Feedbacks de ronda.

Feedbacks finales.

#

Agrupar todos los feedbacks con una imagen o texto. que aparecerá en caso de ganar o perder.

Botón indispensable. 3=Nº de jugadas.T: temporizador 0.1/0.2...(en caso de no poner cronómetro borrar "T:.2,")"True" Imágenes rotadas/"false" Imágenes rectas (más fácil).

Puntuación Jugador 1

Visualización de las rondas restantes.

5, T: 0.1, G: false

#

Duelo(Modo básico)

#

#

Agrupar este elemento (en bloque) con todas las imágenes del Dobble.

Marco dentro del cual aparecerán las imágenes del Dobble de forma aleatoria y automática.

Botón indispensable. 3=Nº de jugadas.T: temporizador 0.1/0.2...(en caso de no poner cronómetro borrar "T:.2,")"True" Imágenes rotadas/"false" Imágenes rectas (más fácil).

Feedbacks instantáneos1.

Feedbacks globales1.

Agrupar todos feedbacks con una imagen o texto.

Agrupar con un botón o imagen que aparecerá al finalizar la partida para reiniciar el juego.

Jugador 1

Jugador 2

Feedbacks instantáneos2.

Feedbacks globales2.

Marco dentro del cual aparecerán las imágenes del Dobble de forma aleatoria y automática.

Agrupar todos feedbacks con una imagen o texto.

Puntuación Jugador 1

Visualización de las rondas restantes.

Puntuación Jugador2.

5, T: 0.1, G: false

#

Jugador 2

Individual+Jugador 1

Suplementos opcionales

Agrupar con una imagen (de bloqueo) que aparecerá cuando alumno pierda todas sus vidas.

Copiar y pegar en función del número de intentos fallidos posibles que queramos poner al juego.

Elimina 1 opción incorrecta.

Elimina 2 opciones incorrectas.

Agrupar con un elemento que desaparecerá al ganar la partida.

Comodines

Botón inicio del temporizador(opcional)

Temporizador.Agrupar con texto.(opcional)

"Time Over".Agrupar con texto/imagen.

Temporizador

Comodines

Agrupar con una imagen (de bloqueo) que aparecerá cuando alumno pierda todas sus vidas.

Copiar y pegar en función del número de intentos fallidos posibles que queramos poner al juego.

Elimina 1 opción incorrecta.

Elimina 2 opciones incorrectas.

Jugador 1

Jugador 2

Obligatorio

Opcional

Puntuación Jug. 1Agrupar con texto (tipografía y color deseado).

Bloqueo en caso de perder todas las vidas (agrupar con una imagen).

Copiar y pegar en función del número de intentos fallidos deseados. Agrupar con imagen.

Comodines(agrupar con una imagen)

Elimina 1 opción incorrecta.

Elimina 2 opciones incorrectas.

Botón inicio del temporizador.

Temporizador.Agrupar con texto.

"Time Over".Agrupar con texto/imagen.

Temporizador

Agrupar (en bloque) con todas las imágenes del Dobble.

Área en la que aparecerán las imágenes de forma aleatoria y automática. Copiar y pegar las veces que deseemos.

Botón indispensable. 3=Nº de jugadas.T: temporizador 0.1/0.2..."True" Imágenes rotadas/"false" Imágenes rectas (más fácil).

Agrupar con un botón o imagen para reiniciar el juego.

Feedbacks instantáneo.

Agrupar con un elemento que desaparecerá al ganar la partida.

Rondas realizadas.Agrupar con un texto.

Feedbacks globales.

Agrupar todos feedbacks con una imagen o texto.

5, T: 0.1, G: false

En qué Comunidad se encuantra la provincia de HuelvaAndalucíaCastilla y LeónEremaduraAsturiasCataluñaEn qué Comunidad se encuantra la provincia de TarragonaCataluñaAndalucía Castilla y León Extremadura Asturias Islas BalearesRealiza la siguiente operación: 0,5:2313233CamisetaRodolfocaminoRealiza la siguiente operación: CUATRO4142434445Realiza la siguiente operación: CINCO515253545556Realiza la siguiente operación: SEIS6162636465Realiza la siguiente operación: siete7172737475Realiza la siguiente operación: OCHO31323334353637Realiza la siguiente operación: 9999999931323334353637Realiza la siguiente operación: 10 diez milllllll31323334353637

Powered by

50:50

false

ESP

audioON

Nombre de la figura que solo tiene "cabeza"RedondaBlancaNegraCorcheaSemicorcheaNombre de la figura que tiene 2 corchetesSemicorchea Redonda Blanca Negra Corchea ¿Cuántas Familias de instrumentos hay?324568Compositor de "Los Fósiles"Camile Saint SansL.V. BeethovenMalumaA. VivaldiRosalíaW.A. MozartNotas de la Escala Pentatónica de DODO-MI-SOL-LA-REDO-MI-FA-LA-REDO-RE-MI-FA-SOLDO-RE-MI-SOL-SILA-MI-FA-RE-LADO-RE-MI-LA-SI¿Cuántos pulsos ocupan 4 corcheas y 3 negras?SieteSeisCincoOchoCuatroOnceQuince¿Cuántos pulsos ocupan 16 semicorcheas?CuatroOchoNueveDoceSeisCiento dos¿Cuántos pulsos ocupan 2 blancas, 2 negras, 4 corcheas y 4 semicorcheas?Nueve pulsosOcho pulsosSiete pulsosDoce pulsosDiez pulsosCinco pulsosFamilia del SaxofónViento maderaViento metalPercusiónCuerda FrotadaCuerda pulsadaFamilia del XilófonoPercusión maderaPercusión metalCuerdaViento maderaPercusión parcheViento metal

Powered by

50:50

true

ESP

audioON

Agrupa los ritmos con el mismo número de pulsos

Ejemplo AGRUPANT

Sustituye ETIQUETA por la palabra que desees para nombrar cada conjunto. Luego copia todo el texto en Insertar </> Otros, pulsa INSERTAR y crea tantas copias del objeto que aparece como necesites. Entonces agrupa cada copia de la etiqueta creada con un elemento del mismo conjunto.Repite el proceso para cada conjunto. Ej: mamiferos, verbos, plantas, insectos, ciudades...

Agrupar con el objeto que debe aparecer temporalmente en caso de error (duplicable)

Agrupar con el objeto que debe aparecer cuando se hayan encontrado todas las parejas (duplicable)

Función obligatoria para colocarse en la página (Indica errores encontrados)

PÁGINA DE CREACIÓN

<div class="bic">ETIQUETA</div><script></script>

Incluir en la página sin agrupar para volver a mostrar todos los elementos en caso de error.

Powered by

VALIDAR

EL NAVEGADOR SE HA ESTROPEADO Y PARA REPARARLO HEMOS DE COLOCAR LAS COORDENADAS CORRECTAS. MARCA CON UN "X" LAS CIFRAS ADECUADAS PARA QUE SE REACTIVE EL NAVEGADOR.

TAREA

25374

438027

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

X

@fernando_marti7

¡ENHORABUENA!HAS COMPLETADO LA TAREA.HAS CONSEGUIDO UNA PISTA Y UNA CIFRA PARA LA CONTRASEÑA DE REUNIÓN.

PISTA: EL IMPOSTOR TIENE UN NÚMERO DE 2 CIFRAS.CIFRA CONTRASEÑA:__ + (__ x __) - __: __ + (__ - 15) = CONTRASEÑA

¡MALA SUERTE!HAS FRACASADO EN LA TAREA Y EL IMPOSTOR HA GANADO.

Ejemplo CAC CRUZ

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var bon = document.querySelectorAll(".bon"); var pabon = document.querySelectorAll(".pabon"); var scorebon = 0; var scorepabon = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } for (var i = 0; i

BI-CI-CLE-TA

SUBIDA TÓNICA

Toca las sílabas tónicas de cada palabra para poder ascender por la ladera de la montaña hasta el cráter sin peligro.

RE-MO-LI-NO

AS-CEN-SOR

PER-DIZ

E-SÓ-FA-GO

DO-CU-MEN-TAL

TÓM-BO-LA

DE-BUT

¡BIEN HECHO!SEGUIMOS...

¡AY! ¡QUE NOS QUEMAMOS!

CORRÍGELO RÁPIDO...

@fernando_marti7

COMPROBACIÓN

Ejemplo CAC CRUZ

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var bon = document.querySelectorAll(".bon"); var pabon = document.querySelectorAll(".pabon"); var scorebon = 0; var scorepabon = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } for (var i = 0; i

Funciones a mantener agrupadas- no tocar

objetos para agrupar con un elemento de Genially

Hay posibilidad de duplicar tantas veces como se quiera

Número de respuestas correctasNúmero de respuestas incorrectasTotal de respuestas correctas e incorrectas

Casillas de verificación(respuestas Correctas e incorrectas)Agrupar con un elemento de Genially

Solo aparece cuando el recuadro rojo y verde está agrupado con algún elemento de genially

No borrar. Esconder si no quieres que aparezca

Botón para validar.

El recuadro rojo lo podemos eliminar

@profeVillaMates

genially.villaMates.es

VALIDER

setTimeout(function() { document.getElementsByClassName('icon-close')[0].click() }, 10); document.getElementById('genially-view-modal').style.visibility = "hidden"; var bon = document.querySelectorAll(".bon"); var pabon = document.querySelectorAll(".pabon"); var scorebon = 0; var scorepabon = 0; var BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (BON.getAttribute("id") == null) { BON = document.getElementById('bon').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } var PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; if (PASBON.getAttribute("id") == null) { PASBON = document.getElementById('erreur').parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode; } for (var i = 0; i

Percusión:

¡ Muy bien!

Lo siento

Los elementos bic y boc (duplicables mediante copiar / pegar) deben agruparse con sus diferentes elementos. El bic y el boc del mismo índice deben corresponder a los dos elementos de un par. Cuidado, agrupar y desagrupar modifica el índice del bolígrafo y boc, por lo que se recomienda agrupar un bolígrafo con un objeto, luego boc con su gemelo y repetir la operación hasta que todos los objetos "debajo de las cartas" estén correctamente agrupados.

Agruparse con los elementos Genially que muestre el feedback de éxito.

Agrupar con los elementos Genially que deben aparecer temporalmente tras un mal emparejamiento

Para agrupar con una IMAGEN correspondiente al reverso de las tarjetas del memory. El tamaño de este grupo se verá reflejado en los objetos que esconde por lo que debe ser igual o mayor que éstos. La mejor práctica es utilizar grupos bic y boc del mismo tamaño que el grupo de "dorso de tarjeta".

Este es el elemento necesario para el funcionamiento del Memory y debe estar ubicado dentro de la página. Como los demás elementos, será invisible durante la ejecución. Desde V1.1, permite la mezcla de cartas en cada partida.

COMPONENTES

Reto 3:

Arrastra cada elemento a la Cualidad del Sonido correcta

Altura

[4]

Intensidad

[3]

Duración

[4]

Timbre

[5]

COMPROBAR

Débil

Forte

Mezzopiano

Madera

Pájaro

Viento

Cuerda

Violín

Negra

Largo

Corchea

Corto

Agudo

Fa

Grave

Re

Tuto DND∞ Parte 1

Función para colocar en cada página donde se use DND

Agrupar con un objeto genially.Se puede duplicar. Todos los duplicados son intercambiales, es decir se pueden poner en cualquier CIBLE1

Agrupar con un objeto genially. Será el objetivo para el Objet1

FEEDBACK individuales(elementos opcionales)

Agrupar con un objeto genially que aparecerá en caso de una buena respuesta. Ya no volverá a desaparecer.

Agrupar con un objeto genially que desaparecerá en caso de una buena respuesta. Ya no volverá a aparecer.

Agrupar con un objeto genially que aparecerá en caso de una buena respuesta. Volverá a desaparecer si la respuesta es incorrecta.

Agrupar con un objeto genially que desaparecerá en caso de una buena respuesta. Volverá a aparecer si la respuesta es incorrecta.

FEEDBACK globales(elementos opcionales)

Agrupar con un objeto genially que aparecerá en caso de todas las respuesta sean correctas.Ya no volverá a desaparecer.

Agrupar con un objeto genially que desaparecerá en caso de todas las respuesta correctas.Ya no volverá a aparecer.

Agrupar con un objeto genially que aparecerá en caso de todas las respuesta correctas. Volverá a desaparecer si hay respuestas incorrectas.

Agrupar con un objeto genially que desaparecerá en caso de todas las respuesta correctas. Volverá a aparecer si hay respuestas incorrectas.

Todos los elementos se pueden duplicar

Botón de verificación que elimina la validación automáticaMuestra comentarios individuales y comentarios generales.Muestra el comentario negativo WRONG_ON en caso de error.Devuelve los objetos y objetivos a sus posiciones originales en caso de error (si hay corrección).

Más elementosopcionales

Variable opcional que permite corregir errores devolviendo objetivos y objetos a sus posiciones originales.

Retroalimentación negativa global: elemento duplicable que se agrupará con un objeto Genially para aparecer en caso de una respuesta falsa. Solo funciona con el botón VERIFICAR

Retroalimentación negativa global: elemento duplicable que se agrupará con un objeto Genially para que aparezca temporalmente (3s) en caso de una respuesta falsa.Solo funciona con el botón VERIFICAR

Tuto DND∞ Parte 2

V0V9V1V4V2V5V6V3V7V10V8V11

#3262d5899nonoui

Título 2

Aciertos

Errores

Deshacer

Reiniciar

Ejemplo V-FIL

2 éléments canvas (indispensables) dans lesquels vont se dessiner les éléments graphiques (traits/flèches) et ronds de sélection respectivement. À placer en arrière plan.

Ce groupe indispensable formé d'un élément scripté et d'une liste à puces permet de régler les différents paramètres du V-fil.

Règle la couleur des traits, peut prendre la forme #FF0000 ou red ou rgb(255,0,0) entre autres.

Largeur des traits en pixel.

Nombre maximal de traits/flèches qui peuvent être connectés à un point V X.

Mode vecteur oui/non ==> flèches ou traits. En mode vecteur, l'ordre dans lequel deux points sont reliés entre eux importe.

Arrêt aux bords oui/non ==>

oui :

non :

Les points V X duplicables par copier/coller peuvent s'utiliser groupés, auquel cas tout le groupe est cliquable et le centre du groupe est pris comme référence ; ou seuls, auquel cas vous pouvez changer la taille de l'objet pour avoir une zone de clic invisible qui vous convienne. Le groupage/dégroupage réinitialise la numérotation de l'élément.

Élément optionnel qui se groupe avec un texte genially. Il affichera le nombre de réponse(s) juste(s) une fois que le nombre d'associations sera supérieur ou égal au nombre d'associations attendues.

Élément optionnel qui se groupe avec un texte genially. Il affichera le nombre de réponse(s) erronée(s) une fois que le nombre d'associations sera supérieur ou égal au nombre d'associations attendues.

Élément optionnel qui se groupe avec quelque chose. Le groupe sera affiché une fois que le nombre d'associations sera supérieur ou égal au nombre d'associations attendues.

Élément indispensable composé d'un élément scripté et d'une liste à puces, il doit contenir toutes les associations attendues sous la forme Vn°depart Vn°fin. Par exemple le point 2 lié au 5 se traduira par V2V5.

Élément optionnel apparaissant si toutes les associations attendues sont effectuées et aucune autre.

Élément optionnel apparaissant quand il y a autant d'associations ou plus que le nombre attendu et au moins 1 erreur.

Élément optionnel à grouper avec quelque chose. Le groupe formé permettra le retour à 0 sur clic.

Élément optionnel à grouper avec quelque chose. Le groupe permet de revenir d'une association en arrière sur clic.

Élément indispensable qui contient le script de l'extension, à laisser sur la page.

V0V1V1V2

#000000399nonoui

52oui

Es necesario agrupar el elemento "imagen del rompecabezas" con la imagen a reconstituir. El tamaño del grupo formado por estos dos elementos determinará el tamaño de tu rompecabezas. Además, las piezas del rompecabezas aparecerán aleatoriamente en este espacio cuando se cargue la página.

Este grupo formado por un elemento con guión y una lista de viñetas te permite definir el número de piezas del rompecabezas así como la apariencia de las piezas.

número de piezas de ancho

número de piezas en altura

oui :

non :

El elemento "Ganado" se debe agrupar con algo (imagen, forma genial, texto, ...). Esto aparecerá una vez que el rompecabezas esté completo.

Contiene el guión del rompecabezas, que se dejará en la página.

<div class="nePasRetirerPuzzle" style="background-color:orange;"> A ne pas retirer, contient le script du puzzle - PIECES SANS BRODURE </div> <script> var inEditor = (window.location.pathname.split("/")[1]=="editor" ? true : false); const limite=5; function getViewItem(objet) { var trouve=false; while(!trouve) { objet=objet.parentNode; if (objet==null) { trouve=true; } else if (objet.getAttribute("class")!=null) { if (objet.getAttribute("class").slice(0,18)=="genially-view-item") { trouve =true; } } } return objet; } function getAnimatedItem(objet) { var trouve=false; while(!trouve) { objet=objet.parentNode; if (objet==null) { trouve=true; } else if (objet.getAttribute("class")!=null) { if (objet.getAttribute("class").slice(0,25) == "genially-animated-wrapper") { trouve =true; } } } return objet; } if (!inEditor) { var NPR = document.querySelector(".nePasRetirerPuzzle"); NPR.setAttribute("class","fini"); NPR.style.display="none"; var divConsignesPuzzle = document.querySelector(".consignesPuzzle"); divConsignesPuzzle.setAttribute("class","fini"); divConsignesPuzzle.innerHTML=""; var groupeConsignes = getViewItem(divConsignesPuzzle); groupeConsignes.style.display="none"; var lignesConsignes = groupeConsignes.getElementsByTagName("li"); var nbColonnes=parseInt(lignesConsignes[0].innerText); var nbLignes=parseInt(lignesConsignes[1].innerText); var piecesLisses = (lignesConsignes[2].innerText=="oui" ? false : true); var divImagePuzzle = document.querySelector(".imagePuzzle"); divImagePuzzle.setAttribute("class","fini"); divImagePuzzle.innerHTML=""; var groupeImagePuzzle=getAnimatedItem(divImagePuzzle); var racine=groupeImagePuzzle.parentNode; var largeurPuzzle=groupeImagePuzzle.offsetWidth; var hauteurPuzzle=groupeImagePuzzle.offsetHeight; var coinGauche=groupeImagePuzzle.offsetLeft; var coinHaut=groupeImagePuzzle.offsetTop; var indexZ = groupeImagePuzzle.style.zIndex; var imageConsigne=groupeImagePuzzle.getElementsByTagName("img").item(0); imageConsigne.onload=imageChargee; var divGagne=document.querySelectorAll(".gagnePuzzle"); var groupeGagne=[]; divGagne.forEach(elt=> { elt.setAttribute("class","fini"); elt.innerHTML=""; let groupe=getViewItem(elt); groupeGagne.push(groupe); groupe.style.display="none"; }); var pieces=[]; var moveActif=-1; var xAppel; var yAppel; function imageChargee() { var largeurConsigne=imageConsigne.naturalWidth; var hauteurConsigne=imageConsigne.naturalHeight; for (var j=0;j<nbLignes;j++) { for (var i=0;i<nbColonnes;i++) { let newDiv = document.createElement("div"); let gauche=coinGauche+i*largeurPuzzle/nbColonnes; let haut=coinHaut+j*hauteurPuzzle/nbLignes; let largeur=largeurPuzzle/nbColonnes; let hauteur=hauteurPuzzle/nbLignes; let xStartOri=i/nbColonnes*largeurConsigne; let yStartOri=j/nbLignes*hauteurConsigne; let largeurOri=largeurConsigne/nbColonnes; let hauteurOri=hauteurConsigne/nbLignes; if (!piecesLisses) { if (i<nbColonnes-1) { largeur*=1.2; largeurOri*=1.2; } if (j<nbLignes-1) { hauteur*=1.2; hauteurOri*=1.2; } } newDiv.setAttribute("style","position:absolute;left:"+ gauche +"px;top:" + haut +"px;height:" + hauteur + "px;width:" + largeur +"px;z-index:"+ indexZ +";"); let newPattern = document.createElement("canvas"); newPattern.height=hauteur; newPattern.width=largeur; let patternCtx=newPattern.getContext('2d'); patternCtx.drawImage(imageConsigne,xStartOri,yStartOri,largeurOri,hauteurOri,0,0,largeur,hauteur); let newCanvas = document.createElement("canvas"); newCanvas.height=hauteur; newCanvas.width=largeur; let ctx=newCanvas.getContext('2d'); newDiv.appendChild(newPattern); newDiv.appendChild(newCanvas); racine.appendChild(newDiv); largeur=largeurPuzzle/nbColonnes, hauteur=hauteurPuzzle/nbLignes, pieces.push({ physique:newDiv, pattern:newPattern, ctx:ctx, largeur:largeur, hauteur:hauteur, appartenance:i+j*nbColonnes, bougeant:false, xStart:gauche, yStart:haut, gDSize:largeur*0.15, gDelta:hauteur*0.12, gRMid:hauteur/2.4, dDSize:largeur*0.15, dDelta:hauteur*0.12, dRMid:hauteur/2.4, hDSize:hauteur*0.15, hDelta:largeur*0.12, hRMid:largeur/2.4, hDSize:hauteur*0.15, bDelta:largeur*0.12, bRMid:largeur/2.4 }); } } for (var i=0;i<pieces.length;i++) { if (i%nbColonnes!=nbColonnes-1) { var alea = (Math.random()*9+10)/100; pieces[i].dDSize=alea*pieces[i].largeur; pieces[i+1].gDSize=alea*pieces[i].largeur; alea = (Math.random()*10+5)/100; pieces[i].dDelta=alea*pieces[i].hauteur; pieces[i+1].gDelta=alea*pieces[i].hauteur; alea = (Math.random()*0.6+0.2); pieces[i].dRMid=alea*pieces[i].hauteur; pieces[i+1].gRMid=alea*pieces[i].hauteur; } if (i<pieces.length-nbColonnes) { var alea = (Math.random()*9+10)/100; pieces[i].bDSize=alea*pieces[i].hauteur; pieces[i+nbColonnes].hDSize=alea*pieces[i].hauteur; alea = (Math.random()*10+5)/100; pieces[i].bDelta=alea*pieces[i].largeur; pieces[i+nbColonnes].hDelta=alea*pieces[i].largeur; alea = (Math.random()*0.6+0.2); pieces[i].bRMid=alea*pieces[i].largeur; pieces[i+nbColonnes].hRMid=alea*pieces[i].largeur; } } for (var i=0;i<pieces.length;i++) { var pattern = pieces[i].ctx.createPattern(pieces[i].pattern,"no-repeat"); pieces[i].ctx.fillStyle=pattern; pieces[i].ctx.beginPath(); pieces[i].ctx.lineWidth = 0.1; pieces[i].ctx.strokeStyle = "#000000"; pieces[i].ctx.moveTo(0,0); if (!piecesLisses &&i>=nbColonnes) { pieces[i].ctx.lineTo(pieces[i].hRMid-pieces[i].hDelta,0); pieces[i].ctx.bezierCurveTo(pieces[i].hRMid,0.3*pieces[i].hDSize,pieces[i].hRMid-2*pieces[i].hDelta,0.10*pieces[i].hauteur,pieces[i].hRMid,pieces[i].hDSize); pieces[i].ctx.bezierCurveTo(pieces[i].hRMid+2*pieces[i].hDelta,0.10*pieces[i].hauteur,pieces[i].hRMid,0.3*pieces[i].hDSize,pieces[i].hRMid+pieces[i].hDelta,0); } pieces[i].ctx.lineTo(pieces[i].largeur,0); if (!piecesLisses && i%nbColonnes!=nbColonnes-1) { pieces[i].ctx.lineTo(pieces[i].largeur,pieces[i].dRMid-pieces[i].dDelta); pieces[i].ctx.bezierCurveTo(pieces[i].largeur+0.3*pieces[i].dDSize,pieces[i].dRMid+0.5*pieces[i].dDelta,1.10*pieces[i].largeur,pieces[i].dRMid-2*pieces[i].dDelta,pieces[i].largeur+pieces[i].dDSize,pieces[i].dRMid); pieces[i].ctx.bezierCurveTo(1.10*pieces[i].largeur,pieces[i].dRMid+2*pieces[i].dDelta,pieces[i].largeur+0.3*pieces[i].dDSize,pieces[i].dRMid-0.5*pieces[i].dDelta,pieces[i].largeur,pieces[i].dRMid+pieces[i].dDelta); } pieces[i].ctx.lineTo(pieces[i].largeur,pieces[i].hauteur); if (!piecesLisses&&i<pieces.length-nbColonnes) { pieces[i].ctx.lineTo(pieces[i].bRMid+pieces[i].bDelta,pieces[i].hauteur); pieces[i].ctx.bezierCurveTo(pieces[i].bRMid,pieces[i].hauteur+0.3*pieces[i].bDSize,pieces[i].bRMid+2*pieces[i].bDelta,1.10*pieces[i].hauteur,pieces[i].bRMid,pieces[i].hauteur+pieces[i].bDSize); pieces[i].ctx.bezierCurveTo(pieces[i].bRMid-2*pieces[i].bDelta,1.10*pieces[i].hauteur,pieces[i].bRMid,pieces[i].hauteur+0.3*pieces[i].bDSize,pieces[i].bRMid-pieces[i].bDelta,pieces[i].hauteur); } pieces[i].ctx.lineTo(0,pieces[i].hauteur); if (!piecesLisses&&i%nbColonnes!=0) { pieces[i].ctx.lineTo(0,pieces[i].gRMid+pieces[i].gDelta); pieces[i].ctx.bezierCurveTo(0.3*pieces[i].gDSize,pieces[i].gRMid-0.5*pieces[i].gDelta,0.10*pieces[i].largeur,pieces[i].gRMid+2*pieces[i].gDelta,pieces[i].gDSize,pieces[i].gRMid); pieces[i].ctx.bezierCurveTo(0.10*pieces[i].largeur,pieces[i].gRMid-2*pieces[i].gDelta,0.3*pieces[i].gDSize,pieces[i].gRMid+0.5*pieces[i].gDelta,0,pieces[i].gRMid-pieces[i].gDelta); } pieces[i].ctx.lineTo(0,0); pieces[i].ctx.fill(); pieces[i].ctx.stroke(); pieces[i].pattern.style.display="none"; } pieces.forEach(function (elt,indice) { elt.physique.addEventListener('mousedown',function (evt) {enfonce(evt,indice)}); elt.physique.addEventListener('touchstart',function (evt) {enfonceTactile(evt,indice)}); elt.physique.addEventListener('touchmove',function (evt) {tactileDeplace(evt,indice)}); elt.physique.addEventListener('touchend',function (evt) {tactileFin()}); elt.physique.addEventListener('touchleave',function (evt) {tactileFin()}); }); groupeImagePuzzle.style.display="none"; shuffle(); } function shuffle() { var xMin=coinGauche; var xMax=coinGauche+largeurPuzzle*(nbColonnes-1)/nbColonnes; var yMin=coinHaut; var yMax=coinHaut+hauteurPuzzle*(nbLignes-1)/nbLignes; pieces.forEach(elt=> { let alea=Math.random()*(xMax-xMin)+xMin; elt.physique.style.left=alea+"px"; alea=Math.random()*(yMax-yMin)+yMin; elt.physique.style.top=alea+"px"; }); } function enfonce(evt,qui) { evt.preventDefault(); moveActif=qui; xAppel=evt.clientX; yAppel=evt.clientY; for (var i=0;i<pieces.length;i++) { if (pieces[i].appartenance==pieces[qui].appartenance) { pieces[i].bougeant=true; pieces[i].xStart=pieces[i].physique.offsetLeft; pieces[i].yStart=pieces[i].physique.offsetTop; } else { pieces[i].bougeant=false; } } } function enfonceTactile(evt,qui) { if (moveActif==-1) { evt.preventDefault(); moveActif=qui; xAppel=evt.changedTouches[0].clientX; yAppel=evt.changedTouches[0].clientY; for (var i=0;i<pieces.length;i++) { if (pieces[i].appartenance==pieces[qui].appartenance) { pieces[i].bougeant=true; pieces[i].xStart=pieces[i].physique.offsetLeft; pieces[i].yStart=pieces[i].physique.offsetTop; } else { pieces[i].bougeant=false; } } } } document.addEventListener('mouseup',function() { moveActif=-1; }); function tactileFin() { moveActif=-1; } document.addEventListener('mousemove',sourisDeplace) function sourisDeplace(evt) { if (moveActif>-1) { var contours=racine.getBoundingClientRect(); var deltaX=(xAppel-evt.clientX)/contours.width*1200; var deltaY=(yAppel-evt.clientY)/contours.height*675; pieces.forEach(function (elt,indice) { if (elt.bougeant) { elt.physique.style.left=(elt.xStart-deltaX)+"px"; elt.physique.style.top=(elt.yStart-deltaY)+"px"; } }); pieces.forEach(function (elt,indice) { if (elt.bougeant) { checkForNeighbours(indice,evt.clientX,evt.clientY); } }); } } function tactileDeplace(evt) { if (moveActif>-1) { var contours=racine.getBoundingClientRect(); var deltaX=(xAppel-evt.changedTouches[0].clientX)/contours.width*1200; var deltaY=(yAppel-evt.changedTouches[0].clientY)/contours.height*675; pieces.forEach(function (elt,indice) { if (elt.bougeant) { elt.physique.style.left=(elt.xStart-deltaX)+"px"; elt.physique.style.top=(elt.yStart-deltaY)+"px"; } }); pieces.forEach(function (elt,indice) { if (elt.bougeant) { checkForNeighbours(indice,evt.changedTouches[0].clientX,evt.changedTouches[0].clientY); } }); } } function checkForNeighbours(numero,x,y) { if (numero%nbColonnes>0) { if ((Math.abs(pieces[numero].physique.offsetLeft-pieces[numero].largeur-pieces[numero-1].physique.offsetLeft)<limite) && (Math.abs(pieces[numero].physique.offsetTop-pieces[numero-1].physique.offsetTop)<limite) && !pieces[numero-1].bougeant) { pieces[numero-1].physique.style.left=(pieces[numero].physique.offsetLeft-pieces[numero].largeur)+"px"; pieces[numero-1].physique.style.top=pieces[numero].physique.offsetTop+"px"; repositionGroupe(numero-1); xAppel=x; yAppel=y; pieces[numero-1].bougeant=true; return; } } if (numero%nbColonnes<nbColonnes-1) { if ((Math.abs(pieces[numero].physique.offsetLeft+pieces[numero].largeur-pieces[numero+1].physique.offsetLeft))<limite && (Math.abs(pieces[numero].physique.offsetTop-pieces[numero+1].physique.offsetTop)<limite)&& !pieces[numero+1].bougeant) { pieces[numero+1].physique.style.left=(pieces[numero].physique.offsetLeft+pieces[numero].largeur)+"px"; pieces[numero+1].physique.style.top=pieces[numero].physique.offsetTop+"px"; repositionGroupe(numero+1); xAppel=x; yAppel=y; pieces[numero+1].bougeant=true; return; } } if (numero>=nbColonnes) { if (Math.abs(pieces[numero].physique.offsetLeft-pieces[numero-nbColonnes].physique.offsetLeft)<limite && Math.abs(pieces[numero].physique.offsetTop-pieces[numero-nbColonnes].physique.offsetTop-pieces[numero].hauteur)<limite && !pieces[numero-nbColonnes].bougeant) { pieces[numero-nbColonnes].physique.style.left=pieces[numero].physique.offsetLeft+"px"; pieces[numero-nbColonnes].physique.style.top=(pieces[numero].physique.offsetTop-pieces[numero].hauteur)+"px"; repositionGroupe(numero-nbColonnes); xAppel=x; yAppel=y; pieces[numero-nbColonnes].bougeant=true; return; } } if (numero<pieces.length-nbColonnes) { if (Math.abs(pieces[numero].physique.offsetLeft-pieces[numero+nbColonnes].physique.offsetLeft)<limite && Math.abs(pieces[numero].physique.offsetTop-pieces[numero+nbColonnes].physique.offsetTop+pieces[numero].hauteur)<limite && !pieces[numero+nbColonnes].bougeant) { pieces[numero+nbColonnes].physique.style.left=pieces[numero].physique.offsetLeft+"px"; pieces[numero+nbColonnes].physique.style.top=(pieces[numero].physique.offsetTop+pieces[numero].hauteur)+"px"; repositionGroupe(numero+nbColonnes); xAppel=x; yAppel=y; pieces[numero+nbColonnes].bougeant=true; return; } } } function switchAppartenance(transfuge) { pieces.forEach(elt=> { if (elt.appartenance==transfuge) { elt.appartenance=moveActif; } }); pieces.forEach(elt=> { elt.xStart=elt.physique.offsetLeft; elt.yStart=elt.physique.offsetTop; }); checkGagne(); } function checkGagne() { var premier=pieces[0].appartenance; var cBon=true; for (var i=1;i<pieces.length;i++) { if (pieces[i].appartenance!=premier) { cBon=false; } } if (cBon) { groupeGagne.forEach(elt=>elt.style.display="block"); } } function repositionGroupe(refferent) { var xRef=pieces[refferent].physique.offsetLeft; var yRef=pieces[refferent].physique.offsetTop; for (var i=0;i<pieces.length;i++) { if (pieces[i].appartenance==pieces[refferent].appartenance) { pieces[i].physique.style.left=xRef+(i%nbColonnes - refferent%nbColonnes)*pieces[0].largeur+"px"; pieces[i].physique.style.top=yRef+(Math.floor(i/nbColonnes)-Math.floor(refferent/nbColonnes))*pieces[0].hauteur+"px"; } } switchAppartenance (refferent); } } </script>

OU

54oui