Want to create interactive content? It’s easy in Genially!

Get started free

Le code

Christelle Quesne

Created on August 13, 2018

Start designing with a free template

Discover more than 1500 professional designs like these:

Transcript

Créer un code avec Genially pour vos jeux d'évasion

Tutoriel

Christelle Quesne

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

Cliquez sur le clavier et entrez le code

Enigme 1 : Connaissez-vous vos dates en histoire ?Si je vous dis 1515 ? Vous me dites...?

Enigme 1 : Alors, alors, avez-vous la bonne réponse ?

Enigme 1 : Alors, alors, avez-vous la bonne réponse ?

Enigme 1 : Alors, alors, avez-vous la bonne réponse ?

Enigme 1 : Alors, alors, avez-vous la bonne réponse ?

Enigme 1 : Alors, alors, avez-vous la bonne réponse ?

Enigme 1 : Alors, alors, avez-vous la bonne réponse ?

Enigme 1 : Alors, alors, avez-vous la bonne réponse ?

Enigme 1 : Alors, alors, avez-vous la bonne réponse ?

Cliquez ici pour recommencer

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

Bravo ! Vous avez trouvé le bon code !Découvrons maintenant comment le réemployer dans vos jeux d'évasion

1) Pour créer un code sur Genially, rien de plus simple. Vous devrez tout d'abord trouver une image vectorielle d'ordinateur et de clavier (ou de machine à écrire, de digicode, voire de clavier de piano). Vous en avez de nombreuses sur Pixabay ou tout autre site proposant des images libres de droits.

Après avoir téléchargé vos images vectorielles sur votre ordinateur, téléversez celle de l'ordinateur sur votre Genially à partir de l'onglet image.

1) Pour ce premier code, prenons donc l'image d'ordinateur et de son clavier.

Placez ce gif sur l'écran de votre ordinateur en le redimensionnant au besoin.

1) A partir de l'onglet "média" puis "Giphy", choisissez une image gif pour rendre votre écran plus vivant. Pour celui-ci, tapez "matrix"

Ce n'est pas grave si la zone invisible n'est pas de la même forme que le clavier, ajustez-la sur la totalité du clavier au mieux.

1) Placez ensuite une zone invisible sur le clavier. Allez sur l'onglet "éléments interactifs", puis cliquez sur "zone invisible" et placez la zone invisible sur votre clavier.

Cliquez sur la zone invisible de l'ordinateur de la diapo 2, puis cliquez sur la petite main de la zone invisible de l'ordinateur et "aller à la page" => cliquez sur la diapo 3 et sauvegardez.

1) Téléversez l'image vectorielle de votre clavier sur une autre diapositive (= diapo 3) puis revenez à votre ordinateur (= diapo 2) et paramétrez la zone invisible.

Cliquez sur votre clavier, puis "animation" (la petit comète) et mettez un type d'effet (ici entrée puis zoom) sur votre clavier

1) Animez votre clavier sur la diapo 3

1) Placez une zone invisible sur l'intégralité de votre clavier (grande zone) ainsi qu'une autre (petite zone) par-dessus sur la 1ère lettre de votre code. Ici, le code était "Marignan" donc M.

Pour l'insertion des gifs "échec" et "réussite" sur les écrans des ordinateurs, reportez-vous au tout début de ce tutoriel

Remarque : sur votre diapositive "erreur", pensez à mettre un texte pour indiquer que le joueur doit recommencer et paramétrez-le en cliquant dessus, puis "aller à la page" et en renvoyant au début (= diapo 3 avec le clavier). Le joueur devra ainsi retaper le mot de passe depuis le début.

1) Créez ensuite deux diapositives : l'une sera la diapositive "erreur" et l'autre la diapositive "réussite".

2) Réordonnez vos diapositives : faites glisser à la fin de votre Genially dans cet ordre la diapositive "erreur" puis la diapositive "réussite".

1) Revenez à la diapositive 3. Dupliquez-la autant de fois qu'il y a de lettres dans votre mot de passeMARIGNAN = 8 lettres, il faudra dupliquer cette diapositive 7 fois.

2) la diapo 3 (lettre M), renverra à la diapo 4 (lettre A), la diapo 4 (lettre A) renverra à la diapo 5 (lettre R), la diapo 5 (lettre R) renverra à la diapo 6 (lettre I) etc.

1) Déplacez vos petites zones invisibles sur les lettres de votre mot de passe et paramétrez-les en cliquant dessus, puis "aller à la page".

La même méthode est transférable à un digicode ou un clavier de piano. Le point important étant la duplication pour ne pas qu'il y ait de décalage visible à l'oeil nu et le paramétrage des zones invisibles.

1) Pour la dernière diapositive (diapo 10), paramétrez la petite zone invisible. cliquez dessus, puis sur la petite main => "aller à la page" => diapo 12 et sauvegardez.

Essayons maintenant avec un digicode...

Enigme 1 : Prenons cette énigme à l'inverse. Si je vous dis Marignan, vous me dites...?

Enigme 1 : Prenons cette énigme à l'inverse. Si je vous dis Marignan, vous me dites...?

Enigme 1 : Prenons cette énigme à l'inverse. Si je vous dis Marignan, vous me dites...?

Enigme 1 : Prenons cette énigme à l'inverse. Si je vous dis Marignan, vous me dites...?

Cliquez ici pour recommencer

Ne vous découragez pas et recommencez !!!

Bravo vous avez trouvé la bonne date !!!

Vous voici prêt(e)s à utiliser les codes sur Genially !!!

Merci à Régine Ballonad-Berthois qui m'a fait découvrir l'astuce de l'ordinateur avec son jeu d'évasion Final Cut.