Créez votre jeu d'évasion analogique, semi-numérique ou tout numérique

Christelle Quesne - Annabel Bellamy Lecadet - Anne Petit - Aurélia Médan Escape n' Games - 2021

Avant de commencer

Ce support a pour but de vous permettre de vous auto-former sur les jeux d'évasion pédagogiques, qu'ils soient analogiques, semi-numériques ou tout numériques créés avec Genially. Il rassemble deux webinaires vidéo ainsi que le diaporama d'accompagnement. Cette présentation vous propose également des idées sous la forme de tutoriels pour aller plus loin.

Retrouvez tous les tutoriels en cliquant ici

Choississez le format de jeu d'évasion que vous voulez créer

Escape game semi-numérique ou analogique

Escape game numérique

Ou accédez directement aux idées pour vos jeux

Créer avec Genially

Les tutos sur Genially

Accès à la visioconférence

Ou accédez directement aux idées pour vos jeux

Créer, oui, mais avec des images libres de droits

Lorsque vous créez votre escape-game, il arrive toujours la sempiternelle question des images, vidéos, musiques, ... Que puis-je mettre dans mon jeu ?

Vous pouvez utiliser et reproduire une image pour une présentation publique cependant vous avez des obligations à ne pas éluder avant de le faire :

1 - Rechercher qui est la source de votre fichier multimédia

2 - Rechercher les conditions générales d'utilisation (si le contenu est déjà publié) si ce n'est pas le cas, prendre contact avec le gestionnaire du site pour les connaître. Assurez-vous qu'il n'existe aucun élément clairement visible interdisant l'utilisation à des fins pédagogiques.

3 - Demander une autorisation écrite auprès de l'auteur/créateur du document.

4 - Citer la source de votre document.

Il est aussi possible d'utiliser des images libres de droit ayant des licences d'utilisation, appelées Creative Commons, qui vous permettront une publication sécure.

Charlie Rollo vous en parle sur le site du collectif : https://www.cquesne-escapegame.com/images-libres-de-droit

Il existe pléthore de sites permettant de faire des recherches d'images, sons, ... libres de droit.

Nous vous conseillons le méta-moteur de recherche CCSearch qui répertorie plus de 300 millions d'images notamment.

Pour accéder au lien direct :

https://search.creativecommons.org/

Dans tous les cas, CC ou pas, rendons à César ce qui est à César et nommons nos sources !

Débuter et se perfectionner avec Genially

Cliquez sur les points pour avoir accès aux ressources

Créer un code polychromatique

Christelle Quesne : Poser une scène est la première chose que vous devrez faire avec votre jeu d'évasion. Dans ce tutoriel, non seulement vous expérimenterez mais aussi vous apprendrez à faire ensuite votre propre parcours.

Créer un décor interactif

deux options :

- la découpe d'images

Dimitri Saputa - Rendez votre décor interactif grâce à une astuce que Dimitri vous explique en vidéo.

Le genially est accessible ici

- l'intégration de zones invisibles

Créer un digicode

Charlie Rollo - Grâce à ce tutoriel vous pourrez créer un digicode sous Genially

Créer un parcours

Christelle Quesne : Poser une scène est la première chose que vous devrez faire avec votre jeu d'évasion. Dans ce tutoriel, non seulement vous expérimenterez mais aussi vous apprendrez à faire ensuite votre propre parcours.

Toute image utilisée dans vos escape-game est soumise aux droits d'auteur.

Il est possible d'utiliser une image dans une présentation qui sera publique en citant la source de l'image et SURTOUT en demandant une autorisation auprès de l'auteur/créateur de l'image.

Pour vous assurer des droits d'utilisation si l'image a été publiée, rendez-vous dans les conditions générales d'utilisation du site. Si rien n'est mentionné, il est important de contacter l'auteur ou l'administrateur du site.

Le plus simple est de chercher des images libres de droit avec des conditions d'utilisation qui vous permettront d'être tranquille.

Pour cela, vous pouvez aller directement sur le méta-moteur de recherche CCsearch. Vous y trouverez environ 300 millions d'images (photos, images vectorisées, ...).

Lien pour y accéder :

https://search.creativecommons.org/

Toutefois, restez vigilant sur le Creative Commons utilisé. Il ne vous empêche pas de citer votre ressource. Rendons à César ce qui est à César !

Créez votre escape game semi-numérique ou analogique

Pour accéder au Genially de l'intervention, cliquez ici

Créez votre escape game semi-numérique ou analogique

Pour accéder au Genially de l'intervention, cliquez ici

Quelques idées pour vos jeux d'évasion

Christelle Quesne - Escape n' Games - 2021

Avant de commencer

Nous manquons parfois d'idées pour réaliser des énigmes pour nos jeux d'évasion pédagogiques. Ce tutoriel en rassemble quelques-unes. Elles sont réparties selon le type de jeux que vous souhaitez réaliser. Bonne conception à vous.

Retrouvez tous les tutoriels en cliquant ici

Choississez le type de jeu d'évasion que vous voulez créer

Escape game semi-numérique ou analogique

Escape game numérique

Crédits musique

1

2

3

4

5

6

7

L'écran magique

Cacher un code de couleurs

INDEX

Le stylo magique

Le livre évidé

Le papier mouillé

Jus de chou rouge

L'écriture spéculaire

1

Faire une boîte secrète cachée dans un mur

2

Accès direct au tutoriel de l'énigme faire une boîte secrète cachée dans un mur

3

Cacher un message qui se révèle avec une lampe-torche

4

Accès direct au tutoriel de l'énigme cacher un message qui se révèle avec une lampe-torche

5

Cacher un message qui se révèle grâce à un filtre rouge

6

Accès direct au tutoriel cacher un message qui se révèle grâce à un filtre rouge

7

8

INDEX

L'écriture spéculaire

Accès direct au tutoriel l'écriture spéculaire

9

Le piano magique

10

Accès direct au tutoriel du piano magique

11

12

13

14

INDEX

Le laboratoire mystérieux

Accès au tutoriel le laboratoire mystérieux

Les grilles de Cardan

Le message à reconstituer

A venir

Dans cette énigme du parcours 1 de projet Y que vous retrouverez ici, vous devez entrez le mot de passe santafe pour sortir de la chambre noire mais vous devez collecter une clef avant.

Cliquez sur moi

Avez-vous récupéré la clef ?

Avez-vous récupéré la 2ème clef ?

Avez-vous récupéré la 2ème clef ?

Avez-vous récupéré la 2ème clef ?

Avez-vous récupéré la 2ème clef ?

Avez-vous récupéré la 2ème clef ?

Avez-vous récupéré la 2ème clef ?

Avez-vous récupéré la 2ème clef ?

Bravo vous avez trouvé le bon code. Avoir accès au tuto, cliquez sur le bouton en haut à gauche.

Avez-vous récupéré la 2ème clef ?

Ceci n'est pas le bon code, pour recommencer, cliquez ici.

Avez-vous récupéré la 2ème clef ?

Etape 1 : Avec l'outil capture d'écran de votre ordinateur, sélectionnez un carré (à recadrer au besoin) et conservez-le dans un coin de votre diapositive genially

Etape 2 : Sélectionnez un carré qui sera plus foncé pour donner de la profondeur et placez-le sur votre mur. Pour cela, allez dans ressources, puis le carré. Redimensionnez-le en lui donnant une forme carrée ici. Pensez à cadenasser votre carré.

1

2

3

RETOUR

Etape 3 : Faites l'entourage de ce carré : soit en choississant des trapèzes, en les copiant collant et en les positionnant autour de ce premier carré, soit en prenant un autre carré plus gros que vous placez derrière ce premier carré avec le bouton ranger. Cadenassez vos carrés.

1

1

2

2

ou

RETOUR

Etape 4 : Donnez de la profondeur à votre cachette en insérant des barres et cadenassez le tout.

1

2

RETOUR

Etape 5 : Insérez votre clef. Mettez une zone invisivble renvoyant à la page où le digicode apparaîtra, cadenassez tous ces éléments et téléversez votre premier carré que vous ne fixez pas, lui. Le tour est joué !

3

1

2

RETOUR

Rien d'intéressant ici.

Robert J. Oppenheimer à l'université de Leiden

Pour utiliser cette lampe-torche, il doit faire sombre

Trinity

Rien d'intéressant ici.

Robert J. Oppenheimer à l'université de Leiden

La combinaison du coffre est 25 0 50 75

Etape 1 : Créez tout d'abord votre scène avec des images, objets détourés libres de droits, voire vos propres photos. Installez votre tableau, une fenêtre et des rideaux. Appliquez une zone invisible sur votre fenêtre renvoyant à la diapositive où les rideaux seront fermés.

1

Etape 2 : Appliquez un filtre gris (on le fait facilement en allant dans ressources, en prenant un carré et en appliquant une transparence). Rangez votre filtre gris au fond. Mettrez ensuite des rideaux fermés (on en trouve dans les images détourées). Cliquez sur votre lampe-torche et faites un renvoi de page à la diapositive suivante.

2

1

RETOUR

Etape 3 : Dans la galerie Genially, il existe le modèle escape game terror. Ouvrez-le et insérer la page avec la lampe-torche au vôtre. Copiez-collez le rond lumineux sur votre diapositive. Insérez le message à découvrir sur votre peinture (choississez la même couleur d'écriture que votre fond pour qu'elle soit invisible à l'oeil nu). Effacez la diapositive du modèle escape game terror de Genially. Rangez votre message au premier plan en cliquant sur le bouton "ranger". Cadenassez votre message et votre peinture. Le tour est joué !

1

2

RETOUR

Tutoriel comment créer un code polychromatique dans votre jeu d'évasion

Etape 1 : Préparez votre scène. Ici, il s'agit de différents tableaux et de lunettes de trois couleurs différentes.

RETOUR

Etape 2 : Mettez vos différents tableaux sur vos quatre diapositives. Cadenassez vos tableaux mais pas vos lunettes.

RETOUR

Etape 3 : Nous allons nous intéresser à un tableau en particulier. Ecrivez votre message sur un coin d'un tableau (ici, je l'ai volontairement surligné) et de la même couleur que votre couleur de tableau afin que le message soit invisible.

RETOUR

Etape 4 : Rangeons maintenant nos différentes images et texte. Le tableau sera tout au fond, ensuite viendront les lunettes rouges, puis le texte avec le mot de passe et enfin les lunettes bleues et vertes au-dessus car avec elles, on ne doit pas pouvoir lire le message.

RETOUR

A noter : Le fond, le texte et les lunettes étant rouges, il est conseillé de jouer sur la transparence des lunettes en cliquant sur le bouton transparence de votre tableau de bord Genially.

RETOUR

L'écriture spéculaire

Appelée plus communément « écriture en miroir », elle est une forme d'écriture où les mots de la langue du transcripteur s'écrivent dans l'ordre inverse du mode de lecture normal associé à une inversion graphique latérale des lettres.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Cliquez sur le clavier et entrez le code

Découvrez le bon code et écrivez le sur le clavier

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Enigme 1 : Obstacles auxquels un auteur doit prêter attention lors de la préparation de son jeu d'évasion.

Ne vous découragez pas et recommencez en cliquant ci-dessous

Cliquez ici pour recommencer

Bravo ! Vous avez trouvé le bon code !

Pour créer un code spéculaire :

Sous word : rien de plus simple

Autre site vous permettant d'écrire en écriture spéculaire : cliquez ici

Pour revenir à l'index cliquez ici

Vous pouvez aussi utiliser paint : voir par ici

Connaissez-vous la particularité du stylo à encre effaçable ? Ce stylo a une encre qui disparaît au contact de la chaleur et réapparaît au contact du froid. Pourquoi ne pas imaginer un QR-code que vous réaliseriez avec l’outil Mal-den code, dont vous noirciriez les bonnes cases au stylo à encre permanente, et que vous coloreriez ensuite intégralement avec le stylo à encre magique ? Il ne vous resterait plus qu'à trouver une source de chaleur (un sèche-cheveux par exemple) afin de faire réapparaître le QR-code de départ et le scanner ?

Crédit vidéo : Stéphane Gambey

L'écriture spéculaire

Appelée plus communément « écriture en miroir », elle est une forme d'écriture où les mots de la langue du transcripteur s'écrivent dans l'ordre inverse du mode de lecture normal associé à une inversion graphique latérale des lettres.

Pour créer un code spéculaire :

Sous word : rien de plus simple

Autre site vous permettant d'écrire en écriture spéculaire : cliquez ici

Pour revenir à l'index cliquez ici

Comment adapter cette idée sous Genially ?

Etape 1 : Créez tout d'abord votre pièce. Ici, elle a été réalisée avec une image libre de droits sur Pixabay et des objets vectoriels que vous pouvez trouver sur freePNG (entre autres).

Comment adapter cette idée sous Genially ?

Etape 2 : Cette énigme est une énigme de substitution. Les participants vont devoir traduire notre "do,ré,mi..." en notes anglaises "A,B,C,D...". Insérez donc un indice et votre partition à traduire (à faire à la main ou à l'ordinateur). Ici, il s'agit de l'hymne à la joie de Beethoven (un buste au fond de la pièce le rappelle d'ailleurs).

Comment adapter cette idée sous Genially ?

Etape 3 : Créez votre cadenas Lockee en créant votre compte ou en vous connectant au site ici. Choisissez "musical", jouez votre séquence (ici EEFGGFEDCCDEEDD) et cliquez sur le bouton vert de validation.

Comment adapter cette idée sous Genially ?

Etape 4 : Ecrivez le message de félicitations qui s'affichera lorsque les participants auront trouvé les bonnes notes de musique et validez ce message en cliquant sur le bouton vert.

Comment adapter cette idée sous Genially ?

Etape 5 : Copiez le code iFrame de votre cadenas musical et insérez-le dans votre Genially en allant dans "insérer" puis "</> autres" .

Comment adapter cette idée sous Genially ?

Etape 6 : Neutralisez le bouton "jouer la séquence" de votre cadenas musical en insérant une zone interactive ne renvoyant à rien.

Comment adapter cette idée sous Genially ?

Etape 7 : Le tour est joué et il ne vous reste plus qu'à tester.

Cette énigme tirée de projet Y avait pour de vous faire remettre dans le bon ordre des pods sur lesquels des messages etaient enregistrés (pour cela il fallait trouver au préalable le document couleur caché derrière le tableau). Prenez un photo d'un pod et allez sur le site "remove background" (cliquez ici pour accéder au site) pour la détourer.

Sur votre tableau de bord, cliquez sur "insérer" pour accéder à l'option enregistrement audio. Dictez votre message.

Placez la flèche du lecteur sur le pod pour que le bouton lecture recouvre la zone sur laquelle vous devez appuyer pour lancer le son (agrandissez au besoin la taille du lecteur).

Rendez le lecteur complètement transparent en utilisant l'outil spécial.

Sélectionnnez les deux éléments (lecteur et pod) en maintenant le clic de la souris. Un logo grouper apparaît.

A noter : Lorsque vous placez votre lecteur, veillez à ce que celui-ci ne soit pas superposé avec un autre lecteur d'un autre pod. Au besoin, orientez-le dans une zone où il n'y a autre lecteur / pod.

Bravo. Vous avez trouvé la bonne combinaison. Pour sortir cliquez sur la porte.

Albert Einstein : physicien théoricien. Il publie sa théorie de la relativité restreinte en 1905 et sa théorie de la gravitation, dite relativité générale, en 1915. Il contribue largement au développement de la mécanique quantique et de la cosmologie, et reçoit le prix Nobel de physique de 1921 pour son explication de l’effet photoélectrique. Son travail est notamment connu du grand public pour l’équation E=mc², qui établit une équivalence entre la masse et l’énergie d’un système. (sources Wikipedia)

Vous voyez rouge ? Pas encore ? Cette synthèse qui semble très intéressante vous y conduira pourtant.

Albert Einstein : physicien théoricien. Il publie sa théorie de la relativité restreinte en 1905 et sa théorie de la gravitation, dite relativité générale, en 1915. Il contribue largement au développement de la mécanique quantique et de la cosmologie, et reçoit le prix Nobel de physique de 1921 pour son explication de l’effet photoélectrique. Son travail est notamment connu du grand public pour l’équation E=mc², qui établit une équivalence entre la masse et l’énergie d’un système. (sources Wikipedia)

Vous voyez rouge ? Pas encore ? Cette synthèse qui semble très intéressante vous y conduira pourtant.

Albert Einstein : physicien théoricien. Il publie sa théorie de la relativité restreinte en 1905 et sa théorie de la gravitation, dite relativité générale, en 1915. Il contribue largement au développement de la mécanique quantique et de la cosmologie, et reçoit le prix Nobel de physique de 1921 pour son explication de l’effet photoélectrique. Son travail est notamment connu du grand public pour l’équation E=mc², qui établit une équivalence entre la masse et l’énergie d’un système. (sources Wikipedia)

Vous voyez rouge ? Pas encore ? Cette synthèse qui semble très intéressante vous y conduira pourtant.

Albert Einstein : physicien théoricien. Il publie sa théorie de la relativité restreinte en 1905 et sa théorie de la gravitation, dite relativité générale, en 1915. Il contribue largement au développement de la mécanique quantique et de la cosmologie, et reçoit le prix Nobel de physique de 1921 pour son explication de l’effet photoélectrique. Son travail est notamment connu du grand public pour l’équation E=mc², qui établit une équivalence entre la masse et l’énergie d’un système. (sources Wikipedia)

Vous voyez rouge ? Pas encore ? Cette synthèse qui semble très intéressante vous y conduira pourtant.

Albert Einstein : physicien théoricien. Il publie sa théorie de la relativité restreinte en 1905 et sa théorie de la gravitation, dite relativité générale, en 1915. Il contribue largement au développement de la mécanique quantique et de la cosmologie, et reçoit le prix Nobel de physique de 1921 pour son explication de l’effet photoélectrique. Son travail est notamment connu du grand public pour l’équation E=mc², qui établit une équivalence entre la masse et l’énergie d’un système. (sources Wikipedia)

Vous voyez rouge ? Pas encore ? Cette synthèse qui semble très intéressante vous y conduira pourtant.

Albert Einstein : physicien théoricien. Il publie sa théorie de la relativité restreinte en 1905 et sa théorie de la gravitation, dite relativité générale, en 1915. Il contribue largement au développement de la mécanique quantique et de la cosmologie, et reçoit le prix Nobel de physique de 1921 pour son explication de l’effet photoélectrique. Son travail est notamment connu du grand public pour l’équation E=mc², qui établit une équivalence entre la masse et l’énergie d’un système. (sources Wikipedia)

Vous voyez rouge ? Pas encore ? Cette synthèse qui semble très intéressante vous y conduira pourtant.

Albert Einstein : physicien théoricien. Il publie sa théorie de la relativité restreinte en 1905 et sa théorie de la gravitation, dite relativité générale, en 1915. Il contribue largement au développement de la mécanique quantique et de la cosmologie, et reçoit le prix Nobel de physique de 1921 pour son explication de l’effet photoélectrique. Son travail est notamment connu du grand public pour l’équation E=mc², qui établit une équivalence entre la masse et l’énergie d’un système. (sources Wikipedia)

Vous voyez rouge ? Pas encore ? Cette synthèse qui semble très intéressante vous y conduira pourtant.

Albert Einstein : physicien théoricien. Il publie sa théorie de la relativité restreinte en 1905 et sa théorie de la gravitation, dite relativité générale, en 1915. Il contribue largement au développement de la mécanique quantique et de la cosmologie, et reçoit le prix Nobel de physique de 1921 pour son explication de l’effet photoélectrique. Son travail est notamment connu du grand public pour l’équation E=mc², qui établit une équivalence entre la masse et l’énergie d’un système. (sources Wikipedia)

Vous voyez rouge ? Pas encore ? Cette synthèse qui semble très intéressante vous y conduira pourtant.

Bravo, vous avez réussi à faire un filtre rouge en mélangeant deux solutions chimiques. Parcourez la pièce avec celui-ci et vous trouverez un code. Cliquez en haut à gauche pour accéder à l'index et au tutoriel.

Comment créer des combinaisons ?

Origine : Cette énigme, à l'origine dans l'escape game de formation Projet Y du collectif Escape n' Games, avait pour but de mélanger du jus de chou rouge avec du vinaigre pour faire un filtre rouge et lire un message. Elle a été adaptée sous format numérique et vient de Stéphane Gambey, professeur de physique-chimie et membre du collectif Escape n' Games.

Comment adapter cette idée sous Genially ?

Etape 1 : Créez tout d'abord votre pièce. Ici, elle a été réalisée avec une image libre de droits sur Pixabay et des objets vectoriels que vous pouvez trouver sur freePNG (entre autres). Nous appelerons cette première diapositive "diapositive de départ toutes couleurs".

Comment adapter cette idée sous Genially ?

Etape 2 : Ici l'objectif est de trouver la combinaison de deux produits chimiques qui feront au final un filtre rouge pour lire un code caché dans l'image d'Albert Einstein.

Créez votre indice (affiche des couleurs pour guider les joueurs)

Comment adapter cette idée sous Genially ?

Etape 2 : Ici l'objectif est de trouver la combinaison de deux produits chimiques qui feront au final un filtre rouge pour lire un code caché dans l'image d'Albert Einstein. Créez votre message qui apparaîtra au final. Pensez à déclencher son apparition quelques secondes après l'affichage de votre diapositive (parfois en passant d'une diapositive à l'autre, le message peut apparaître, ce qui gâche l'effet de surprise). Pour voir les différentes étapes d'un code polychromatique, cliquez ici.

Comment adapter cette idée sous Genially ?

Etape 3 : Créer les combinaisons.

1

2

3

Comment adapter cette idée sous Genially ?

Etape 4 : Créer votre diapositive échec.

Enlevez toutes les zones interactives

Insérez une zone interactive et paramétrez-la en renvoi de page sur la diapositive de départ

1

2

Comment adapter cette idée sous Genially ?

Etape 5 : Créer votre diapositive réussite.

1

2

Comment adapter cette idée sous Genially ?

Etape 6 : Créer les combinaisons.

Comment adapter cette idée sous Genially ?

Etape 7 : Créer les combinaisons.

Comment adapter cette idée sous Genially ?

Etape 8 : Créer les combinaisons.

Comment adapter cette idée sous Genially ?

Etape 9 : Créer les combinaisons.

Sur cette diapositive, tous les récipients renvoient à la diapositive "final erreur" sauf pour la solution jaune qui renvoie à la diapositive "final réussite".

Crédit musique :