Extensiones Plantillas

Extensiones de

para

y

1. Magnum (opciones texto desplegable)

2. Mannix (opciones imágenes desplegable)

3. Temporizador

4. Click & Bye (clicar opciones correctas)

5. URL diapositiva

6. Couise (escribir respuesta correcta)

7. Millonario (plantilla basada en el juego de TV)

8. Dobble (plantilla basada en el juego de cartas)

9. Agrupant (clicar en grupos de cosas comunes)

10. CaC CRUZ (clicar en zonas de imagen o texto correctas)

11. Memory

12. DND ADDA (arrastrar texto/imagen a zonas correctas)

13. V-FIL (unir puntos con líneas)

14. PUZLE

15. Generador de Audios

• 10 pulsos
  
• 12 pulsos
• 9 pulsos
• 11 pulsos

• 10 pulsos
  
• 8 pulsos
• 11 pulsos
• 9 pulsos

• 13 pulsos
  
• 6 pulsos
• 12 pulsos
• 10 pulsos

• respuesta1 (correcta)
• respuesta2
• respuesta3
• etc....

Obligatorio agrupar correcto

Obligatorio agrupar incorrecto

Obligatorio agrupar comprobar

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

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

Obligatorio Agrupar

Cuadro de respuestas generadas con Input Creator

Lista de respuestas en lista con viñetas

• #19D30D#CCAAFF
  
• oui
• oui
• oui
• #FF2222
• 15
• 70

• #AAAAAA
• #CCAAFF
• oui
• oui
• oui
• #FF2222
• 15
• 70

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

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

HH:MM:SS

2

1

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)

Tot

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

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

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 lo que deseemos mostrar al pulsar todos los elementos VERDES.

CLICK & BYE

Tot

0.1

CLICK & BYE

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

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.

INPUTCREATOR

Générateur de champs-réponse

COUISE

COUISE

COUISE

Icon made by Freepik from www.flaticon.com

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

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

Feedbacks de ronda.

Feedbacks finales.

Botón indispensable. 3=Nº de jugadas.

Visualización de las rondas restantes.

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.

Feedbacks instantáneos1.

Feedbacks globales1.

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

Feedbacks instantáneos2.

Feedbacks globales2.

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

Visualización de las rondas restantes.

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

Temporizador.

"Time Over". Agrupar con texto/imagen.

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.

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

Elimina 1 opción incorrecta.

Elimina 2 opciones incorrectas.

Botón inicio del temporizador.

Temporizador.

"Time Over". Agrupar con texto/imagen.

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.

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.

Feedbacks globales.

• Nombre de la figura que solo tiene "cabeza"
• Redonda
• Blanca
• Negra
• Corchea
• Semicorchea
• Nombre de la figura que tiene 2 corchetes
• Semicorchea
• Redonda
• Blanca
• Negra
• Corchea
• ¿Cuántas Familias de instrumentos hay?
• 3
• 2
• 4
• 5
• 6
• 8
• Compositor de "Los Fósiles"
• Camile Saint Sans
• L.V. Beethoven
• Maluma
• A. Vivaldi
• Rosalía
• W.A. Mozart
• Notas de la Escala Pentatónica de DO
• DO-MI-SOL-LA-RE
• DO-MI-FA-LA-RE
• DO-RE-MI-FA-SOL
• DO-RE-MI-SOL-SI
• LA-MI-FA-RE-LA
• DO-RE-MI-LA-SI
• ¿Cuántos pulsos ocupan 4 corcheas y 3 negras?
• Cinco
• Seis
• Siete
• Ocho
• Cuatro
• Once
• Quince
• ¿Cuántos pulsos ocupan 16 semicorcheas?
• Cuatro
• Ocho
• Nueve
• Doce
• Seis
• Ciento dos
• ¿Cuántos pulsos ocupan 2 blancas, 2 negras, 4 corcheas y 4 semicorcheas?
• Nueve pulsos
• Ocho pulsos
• Siete pulsos
• Doce pulsos
• Diez pulsos
• Cinco pulsos
• Familia del Saxofón
• Viento madera
• Viento metal
• Percusión
• Cuerda Frotada
• Cuerda pulsada
• Familia del Xilófono
• Percusión madera
• Percusión metal
• Cuerda
• Viento madera
• Percusión parche
• Viento metal

• Nombre de la figura que solo tiene "cabeza"
• Redonda
• Blanca
• Negra
• Corchea
• Semicorchea
• Nombre de la figura que tiene 2 corchetes
• Semicorchea
• Redonda
• Blanca
• Negra
• Corchea
• ¿Cuántas Familias de instrumentos hay?
• 3
• 2
• 4
• 5
• 6
• 8
• Compositor de "Los Fósiles"
• Camile Saint Sans
• L.V. Beethoven
• Maluma
• A. Vivaldi
• Rosalía
• W.A. Mozart
• Notas de la Escala Pentatónica de DO
• DO-MI-SOL-LA-RE
• DO-MI-FA-LA-RE
• DO-RE-MI-FA-SOL
• DO-RE-MI-SOL-SI
• LA-MI-FA-RE-LA
• DO-RE-MI-LA-SI
• ¿Cuántos pulsos ocupan 4 corcheas y 3 negras?
• Siete
• Seis
• Cinco
• Ocho
• Cuatro
• Once
• Quince
• ¿Cuántos pulsos ocupan 16 semicorcheas?
• Cuatro
• Ocho
• Nueve
• Doce
• Seis
• Ciento dos
• ¿Cuántos pulsos ocupan 2 blancas, 2 negras, 4 corcheas y 4 semicorcheas?
• Nueve pulsos
• Ocho pulsos
• Siete pulsos
• Doce pulsos
• Diez pulsos
• Cinco pulsos
• Familia del Saxofón
• Viento madera
• Viento metal
• Percusión
• Cuerda Frotada
• Cuerda pulsada
• Familia del Xilófono
• Percusión madera
• Percusión metal
• Cuerda
• Viento madera
• Percusión parche
• Viento metal

true

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

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

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

¡ENHORABUENA!

PISTA: EL IMPOSTOR TIENE UN NÚMERO DE 2 CIFRAS.

¡MALA SUERTE!

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!

¡AY! ¡QUE NOS QUEMAMOS!

CORRÍGELO RÁPIDO...

Funciones a mantener agrupadas- no tocar

objetos para agrupar con un elemento de Genially

Hay posibilidad de duplicar tantas veces como se quiera

Casillas de verificación

No borrar. Esconder si no quieres que aparezca

Botón para validar.

genially.villaMates.es

ARTICULACIONES

arrastrA lAs ARTICULACIONES a su lugar

Suma de elementos ponderados (imagen)

$[2-4]

CORRECTION CEREBRO QUE DEVUELVE LOS OBJECT A SU POSICIÓN INICIAL

GLOBAL_OFFON

FONCTION ES EL CEREBRO, SIN ÉL NADA FUNCIONA.

Los CIBLE son los recipientes donde tendremos que llevar los OBJECT

GLOBAL_ON

ON APARECE CUANDO SU OBJECT ESTÁ EN SU CIBLE

OFF DESAPARECE CUANDO NO ESTÁ SU OBJECT EN SU CIBLE

WRONG_ON

WRONG_TEMP

ONOFF APARECE CUANDO EL OBJECT ESTÁ EN SU CIBLE Y DESAPARECE CUANDO NO ESTÁ.

OFFON DESAPARECE CUANDO EL OBJECT ESTÁ EN SU CIBLE Y APARECE CUANDO NO ESTÁ.

VERIFICATION SIRVE PARA VERIFICAR SI LOS OBJET ESTÁN EN SUS CIBLE

REASIGNAR SIRVE PARA MEZCLAR LAS POSICIONES DE LOS OBJET

RECOMMENCER SIRVE PARA REINICIAR TODO

Tuto DND∞ Parte 1

Más elementos opcionales

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

• V0V9
• V1V4
• V2V5
• V6V3
• V7V10
• V8V11

• #3262d5
• 8
• 99
• non
• oui

• V0V1
• V1V2

• #000000
• 3
• 99
• non
• oui

• 4
• 2
• oui

<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

• 5
• 4
• oui

Compatible con Google Drive

Compatible con Emojis

Tiempo en segundos que tardará en comenzar a sonar el audio una vez lanzado.

Se reproduce automáticamente al cargar la página

Se reproduce al hacerse visible el feedback al que esté agrupado

Se reproduce al pulsar

Se reproduce al pasar el ratón por encima

Tiempo en segundos que tardará en comenzar a sonar el audio una vez lanzado.