Want to make creations as awesome as this one?

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