Faisceau lumineux

Comme souvent, mon inspiration a été ce contenu Genially qui permet de lire un message caché dans l'obscurité à la lumière du faisceau d'une lampe torche. Ce type d'interaction trouve parfaitement sa place dans un Escape Game numérique ! Est-ce possible de simuler cette interaction avec H5P ? "Challenge accepted ! " Pour faire court, la réponse est "oui", mais c'est un peu laborieux.

Après quelques tâtonnements, je suis parvenue à reproduire le faisceau d'une lampe torche qu'on promène dans une pièce sombre pour y découvrir un message caché. Pour cela, j'ai inséré un module Drag and Drop à l'intérieur d'un module Course Presentation. Pour empêcher les utilisateurs de faire apparaître le texte caché dans la slide par une simple sélection à la souris, je dois superposer sur le module Drag and Drop de larges images transparentes. La conception de cette interactivité est donc assez longue.

Je vous invite à télécharger les contenus de cette page pour comprendre comment procéder. Notez qu'il faut jouer avec l'ordre de superposition des différents objets de la slide pour que tout fonctionne.

Dans le premier prototype, j'avais utilisé une simple disque jaune semi-transparent pour simuler le faisceau lumineux de la lampe. Le résultat était fonctionnel, mais ce faisceau jaune très découpé manquait un peu de réalisme. Je l'ai remplacé dans ce second prototype par l'image un peu plus réaliste d'un faisceau lumineux blanc aux contours floutés, plus vaporeux : 

Cette ultime version est proche de la précédente mais elle est présentée avec le mode Surface Active de Course Presentation. De plus, l'image du faisceau lumineux est légèrement différente : plus petite, plus vaporeuse encore, avec un aspect granuleux qui donne davantage de texture à la surface sur laquelle se promène la lumière.