Module 4 - CONSTRUIRE
Mise en œuvre numérique
4. Concevoir des interactions et des mécanismes d’énigmes
C’est ici que votre jeu devient interactif, avec des indices cliquables, des contenus cachés à débloquer et une progression. Chaque interaction doit répondre aux questions suivantes :
- Que puis-je faire ici ?
- Que se passe-t-il quand je clique ?
- Que dois-je faire ensuite ?
Si les joueurs n’obtiennent pas ces réponses, ils peuvent se sentir bloqués, dépassés, désorientés ou frustrés.
Tutoriels d’implémentation : éléments masqués, navigation, codes et mécanismes clés
Micro-tutoriel n°1 : Cliquer pour révéler un élément masqué
- Ajoutez l’élément (zone de texte, bouton ou image) que vous souhaitez masquer.
- Ajoutez un autre élément avec lequel les joueurs doivent interagir (élément qu’ils doivent identifier parmi de fausses pistes en suivant les instructions de l’énigme).
- Ajoutez l’interactivité « Révéler » et reliez l’objet cliquable à l’élément masqué : cliquer sur l’élément de l’étape 2 révèle l’élément de l’étape 1.
- Utilisez l’interactivité « Révéler » pour relier l’élément cliqué au message de retour et au bouton « Suivant », de sorte qu’ils n’apparaissent que lorsque les joueurs ont interagi avec le bon élément.
Conseils et astuces : Cela peut fonctionner pour différents types d’énigmes, telles que révéler une aide supplémentaire, une information ou une clé littérale pour ouvrir un cadenas. Pour un tutoriel plus complet, consultez le Kit de Création « Outil interactif – Genially’s Reveal function ».
Si vous devez masquer plusieurs éléments, vous devrez peut-être utiliser des ressources supplémentaires, telles que les outils S’Cape, en particulier Brian. Vous trouverez plus d’informations sur S’Cape dans la fiche du Kit de Création « Document d’accompagnement – S’Cape DND Lemniscape ».
Micro-tutoriel n°2 : Créer un champ de saisie pour un code ou un mot-clé
- Ajoutez un élément de question interactif permettant une saisie, tel que « Réponse courte » ou « Compléter les espaces vides », puis définissez les réponses dans les paramètres.
- Créez deux messages de retour clairs :
- Correct : « Débloqué ! L’étape suivante est désormais disponible. »
- Incorrect : « Pas tout à fait. Revérifiez l’indice et réessayez. »
Conseils et astuces : Réduisez la frustration en précisant quelle variante est acceptée. Les interactions par défaut n’autorisent qu’un seul format de réponse (majuscules ou minuscules, espaces). Avertissez les joueurs : « Saisissez le code en MAJUSCULES, sans espaces. »
Si vous souhaitez ajouter un verrou plus avancé, capable de masquer le contenu jusqu’à ce qu’un code soit saisi, utilisez Lockee et ajoutez le lien vers cet outil dans Genially. Vous trouverez plus d’informations dans la fiche du Kit de Création « Outil intéractif – Lockee.fr ».
Si vous souhaitez opter pour une option offrant plus de flexibilité, vous pouvez utiliser des ressources supplémentaires, telles que les outils S’Cape, notamment Couis3. Vous trouverez plus d’informations sur S’Cape dans la fiche du Kit de Création « Document d’accompagnement – S’Cape DND Lemniscape ».
Micro-tutoriel n°3: Créer une énigme de type « glisser-déposer »
Les mécanismes de type « glisser-déposer » peuvent être très captivants, mais ils sont plus difficiles à tester et ne sont ni conviviaux ni accessibles sur les appareils mobiles.
- Option simple n°1 : Utilisez la question interactive intitulée « Trier » qui permet aux joueurs de faire glisser et d’organiser un nombre défini d’éléments dans un ordre précis. Vous pouvez facilement modifier le contenu et les paramètres et ajouter une action lorsque les joueurs réussissent ou échouent (voir les détails dans la vidéo suivante).
- Option facile n°2 : Utilisez l’interactivité « Glisser-déposer » qui vous permet de relier des éléments personnalisés entre eux (un élément glissable, une zone de dépôt). Vous pouvez ajouter une action en cas de réussite ou d’échec pour tous les éléments (voir les détails dans la vidéo suivante).
- Option avancée : Utilisez l’outil S’Cape « DND Lemniscape» qui permet des interactions plus variées mais nécessite des éléments externes et plusieurs étapes spécifiques pour sa mise en œuvre. Un tutoriel détaillé est disponible dans la fiche du Kit de Création « Outil intéractif – S’Cape DND Lemniscape ».
Regardez la vidéo
Dans cette vidéo, vous trouverez un résumé de ce micro-tutoriel.
Activité : Choix multiple
Sélectionnez la bonne réponse.
Micro-tutoriel n°4 : Ajouter des codes QR pour un jeu hybride
- Créez un code QR redirigeant vers une page ou une vidéo (utilisez des outils tels que MeQR).
- Ajoutez l’image du code QR dans Genially ou imprimez-la sous forme de document physique à dissimuler dans la salle afin de varier les formats.
- Indiquez toujours un lien écrit en quelques mots sous le code QR (à titre de solution de secours au cas où le code QR deviendrait illisible).
- Testez la lecture du code QR avec au moins deux téléphones différents.