Scratch Cards #1
Quand j'ai découvert le module H5P Scratch Card développé par Stefan Hanauska, j'ai tout de suite eu envie de le tester. Dans un contexte gamifié (type Escape Room ou Escape Game), ce petit module peut ajouter une touche de fun à l'aventure. Voici quelques exemples que j'ai bricolés, avec des aperçus de la conception et les images à télécharger au besoin.
A NOTER
Les images insérées dans H5P Scratch Card ne peuvent pas excéder 300 pixels en hauteur, sans quoi le module ne fonctionne plus correctement sur petit écran. J'ai eu beau modifier la CSS avec les media queries afin que l'image se redimensionne à la taille de l'écran, je n'y suis pas parvenue... En l'état actuel, le module ne peut pas être plus grand que ce que vous voyez sur cette page si vous voulez plus ou moins maintenir son fonctionnement sur smartphone. Si vous souhaitez vous affranchir de cette contrainte, une rapide modification dans la CSS permet d'agrandir le canevas et la taille du rendu.
Cartes à gratter
C'est l'exemple de base proposé par le module H5P Scratch Card - logique, vu le nom du module ! La carte est le résultat d'un montage qui superpose deux images : une image de fond (background image) et une image de couverture (cover image).
Mur écaillé
La peinture du mur s'écaille à vue d'oeil ! On dirait qu'il n'y a qu'à gratter un peu ces parois pour découvrir leur secret.
Peinture fraîche
Quelqu'un s'est donné du mal pour cacher quelque chose sur ce mur de briques.
La peinture est encore fraîche : peut-être qu'en frottant... ?
Papier gribouillé
On a griffonné avec insistance pour cacher ce qui était écrit sur ce bout de papier... Allez, on gomme !
Tableau noir
C'est ce qu'on appelle un tableau "à double entrée" :D
J'ai utilisé la police gratuite Chalkduster pour simuler
l'écriture à la craie.
