Genially sans titre
Elodie
Created on September 19, 2024
More creations to inspire you
LET’S GO TO LONDON!
Personalized
SLYCE DECK
Personalized
ENERGY KEY ACHIEVEMENTS
Personalized
CULTURAL HERITAGE AND ART KEY ACHIEVEMENTS
Personalized
ABOUT THE EEA GRANTS AND NORWAY
Personalized
DOWNFALLL OF ARAB RULE IN AL-ANDALUS
Personalized
HUMAN AND SOCIAL DEVELOPMENT KEY
Personalized
Transcript
La flamme olympique et paralympique a disparu ! Saurez-vous résoudre les 6 énigmes et rallumer la flamme avant le début des Jeux ?
Suite
Commencer
Déplacez le nom des continents à leur anneau respectif, mais attention, les couleurs sont perçues par une vision de daltonien...
Amérique
Asie
Océanie
Europe
Afrique
SUIVANT
RECOMMENCER
1
Amérique
Asie
Océanie
Europe
Afrique
RECOMMENCER
SUIVANT
Déplacez le nom des continents à leur anneau respectif, mais attention, les couleurs sont perçues par une vision de daltonien...
Suite
Bravo !Un élément de gagné !!
Combien de couleurs comptent Les Agitos ?
VALIDER
Votre réponse :
2
Suite
Bravo !Un élément de gagné !!
3
Reliez les équipements au bon sport
Basket fauteuil
Para-athlétisme
Boccia
Cécifoot
- V0V5
- V4V6
- V2V7
- V3V1
- V8V10
- #000000
- 3
- 99
- non
- oui
mauvaises réponses
bonnes réponses
SUIVANT
RECOMMENCER
X
X
3
Para-cyclisme
Goalball
Suite
Bravo !Un élément de gagné !!
Déplacez les éléments par leur correspondance entre Jeux Olympiques ou Paralympiques
Jeux Paralympiques
Jeux Olympiques
Les agitos
Les anneaux olympiques
"Plus vite, plus haut, plus fort – ensemble"
"Esprit en mouvement"
1896
1960
Usain Bolt
Oscar Pistorius
RECOMMENCER
SUIVANT
4
Déplacez les éléments par leur correspondance entre Jeux Olympiques ou Paralympiques
Jeux Paralympiques
Jeux Olympiques
Les agitos
Les anneaux olympiques
"Plus vite, plus haut, plus fort – ensemble"
"Esprit en mouvement"
1896
1960
Usain Bolt
Oscar Pistorius
RECOMMENCER
SUIVANT
4
Suite
Bravo !Un élément de gagné !!
Recommencer
Bien joué !
5
Nous sommes 2, mais comment nous appelle-t-on ? Les ...
Lettre déjà proposée !
P
R
Y
H
G
E
S
Suite
Bravo !Un élément de gagné !!
Reliez les événements marquants des Jeux Olympiques et Paralympiques à l'année correspondante
Premiers Jeux Paralympiques à Rome
1900
Premiers Jeux Olympiques modernes
Première participation des femmes aux JO
Premiers Jeux Olympiques où toutes les nations ont des femmes participantes
1960
1896
2012
- V0V1
- V2V5
- V3V6
- V4V7
- #000000
- 3
- 99
- non
- oui
mauvaises réponses
bonnes réponses
SUIVANT
RECOMMENCER
X
X
6
Premiers Jeux Paralympiques à Rome
1900
Premiers Jeux Olympiques modernes
Première participation des femmes aux JO
Premiers Jeux Olympiques où toutes les nations ont des femmes participantes
1960
1896
2012
- V0V1
- V2V5
- V3V6
- V4V7
- #000000
- 3
- 99
- non
- oui
mauvaises réponses
bonnes réponses
SUIVANT
RECOMMENCER
X
X
6
Reliez les événements marquants des Jeux Olympiques et Paralympiques à l'année correspondante
Suite
Bravo !Un élément de gagné !!
Vous disposez à présent de tous les éléments nécessaires, un dernier effort
FELICITATIONS !
Dernière étape
- 2
- 3
- oui
Reconstituez la flamme olympique pour lui rendre son éclat
SUIVANT
SUIVANT
Félicitations ! Vous avez réussi, que les jeux commencent !!!
Remettez dans l'ordre chronologique les événements marquants des Jeux Olympiques et Paralympiques
Premiers Jeux Paralympiques à Rome
1900
Premiers Jeux Olympiques modernes
Première participation des femmes aux JO
Premiers Jeux Olympiques où toutes les nations ont des femmes participantes
1960
1896
2012
Bravo
erreur
Valider
Je suis bleu
2
REtirerle dernier trait
Recommencer
6
- 5
- 4
- oui
L'élément "Lettre" est à grouper avec un champ texte contenant un caractère GRAS qui correspond à une lettre de votre mot à retrouver. Il est possible de le dupliquer par copier/coller. Les claviers virtuels ne contenant pas de caractères spéciaux, n'en mettez pas ! Pour modifier la lettre, sélectionnez et modifiez SANS SUPPRIMER.
L'élément "Gagné" est à grouper avec ce qui doit s'afficher lorsque toutes les lettres du mot ont été trouvées.
L'élément "Perdu" est à grouper avec les éléments s'affichant une fois que tous les éléments potence sont présents.
Les éléments "potence X" duplicables par copier coller vont se numéroter lors d'un rafraichissement de la page. Attention, grouper ou dégrouper change l'ordre. Il faudra donc grouper les items "potence X" avec les éléments de la potence en commençant par le 1er qui doit apparaître, puis le second, etc...
L'élément "déjà proposé" doit se grouper avec un élément faisant comprendre au joueur qu'il a déjà essayé cette lettre. Ce feedback disparait automatiquement au bout d'une seconde.
L'élément "lettre précédente" doit être groupé avec un texte en gras, il sert à la fois de bouton pour faire défiler les lettres et pour donner une idée instinctive du fonctionnement du système de lettres.
L'élément "lettre actuelle" doit aussi être groupé avec un texte en gras. Le groupe ainsi formé permet sur un clic de valider la saisie de la lettre affichée.
L'élément "lettre suivante" fonctionne de façon similaire à "lettre précédente".
L'élément "lettre ..."
Cet élément ne doit pas être groupé, il permet de faire rapidement défiler le choix de la lettre, on peut changer sa largeur selon le besoin de précision/vitesse que l'on souhaite.
Cet élément contient le script nécessaire au fonctionnement de l'extension, il affichera également les erreurs critiques s'il y en a ou sera invisible en mode lancement s'il n'y a pas d'erreur. Attention, il n'est adapté qu'aux pendus avec selection par barre de défilement + confirmation lettre au clic.
L'élément "recommencer" est à grouper avec un objet qui au clic laissera le joueur recommencer le pendu. Il peut être groupé avec un "Perdu" si l'on veut que cette possibilité n'apparaisse qu'après avoir perdu.
Fonctionnement identique aux éléments pour la saisie de type I, par barre de défilement et confirmation par clic.
Contient le script nécessaire au fonctionnement du Pendu avec sélection par clavier virtuel. Attention, il ne convient pas au Pendu avec sélection par barre de défilement.
26 boutons virtuels tous différents et nécessaires au fonctionnement du Pendu par saisie au clavier virtuel. Le visuel disparait en mode lancement, il faut donc mettre DERRIERE un visuel permettant de savoir sur quelle touche on appuie. On peut changer la taille et la position de chaque bouton selon les besoins.
Nous sommes 2, mais comment nous appelle-t-on ? Les Phryges
H
P
Recommencer
Y
R
N
E
O
G
N
Bien joué !
S
Lettre déjà proposée !
- V0V1
- V1V2
- #000000
- 3
- 99
- non
- oui
Bravo
erreur
Valider
Je suis bleu
2
REtirerle dernier trait
Recommencer
VALIDER
compteur
Nouveau bouton création (suppression des espaces possible)12/12/21
|alternative1|alternative2
XX
$tentativescouis3
Champ vide
XX
XX
$scorecouis3
XX
4
5
COUIS3
Il faut grouper l'élément "image pour le puzzle" avec l'image à reconstituer. La taille du groupe formé par ces deux éléments déterminera la taille de votre puzzle. Par ailleurs, les pièces du puzzle apparaitront aléatoirement dans cet espace au chargement de la page
Ce groupe formé par un élément scripté et une liste à puce permet de définir le nombre de pièces du puzzle ainsi que l'aspect des pièces.
nombre de pièces en largeur
nombre de pièces en hauteur
oui :
non :
L'élément "Gagné" est à grouper avec quelque chose (image, forme genially, texte, ...). Cela apparaîtra une fois le puzzle complet.
Contient le script du puzzle, à laisser sur la page
<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
Énigme 1 : Code des Anneaux Olympiques (Simulation de Daltonisme) Page de l'Énigme : Insérez une image représentant les anneaux olympiques. Vous pouvez modifier les couleurs des anneaux pour simuler un handicap visuel (daltonisme). Ajoutez une boîte de texte expliquant l’énigme : "Associez chaque anneau à son continent, mais attention, les couleurs ne sont pas celles que vous connaissez…" Zones Cliquables et Feedbacks : Créez des zones cliquables sur chaque anneau (utilisez l'option "Interactivity" > Create Invisible Area). Liez chaque zone cliquable à un feedback positif ou négatif (par exemple, un message de réussite ou un message d'erreur).
Énigme 2 : Identifier les Valeurs Paralympiques (Simulation de Handicap Auditif) Page de l'Énigme : Créez une page où les joueurs doivent associer des images représentant les valeurs paralympiques (comme Courage, Détermination, Égalité). Ajoutez une vidéo ou une image en langue des signes, ou utilisez des pictogrammes pour que les participants associent les bonnes valeurs sans sons. Drag-and-Drop : Utilisez la fonction Drag-and-Drop en insérant des éléments d’image ou de texte que les participants doivent déplacer vers les bonnes réponses.
Énigme 3 : Puzzle pour Rallumer la Flamme (Simulation d'un Handicap Moteur) Page de l'Énigme : Insérez un puzzle représentant la flamme olympique, mais en pièces mélangées. Utilisez à nouveau la fonction Drag-and-Drop pour permettre aux joueurs de déplacer les pièces et reconstruire l’image. Handicap Moteur : Pour simuler un handicap moteur, vous pouvez ajouter un délai ou un nombre limité de mouvements dans les instructions de l’énigme, obligeant les joueurs à réfléchir à leurs actions.
15:00
Chaque énigme est précédée d'un quiz ou mini-jeu qui permet de la débloquer
Commencer