Titre : Scratch Cards avec H5P

Scratch Cards #2

Voici la suite de mes tests avec le module H5P Scratch Card développé par Stefan Hanauska. Les montages de ces exemples sont un peu plus "avancés" ; j'ai donc ajouté pour chacun un pas-à-pas de la conception.

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.

Condensation 1

La buée sur le pare-brise m'empêche de déchiffrer le panneau ; un coup de chiffon devrait m'aider à y voir plus clair. 

Télécharger
Filtre semi-transparent de condensation
condensation-1-filter.png
Format d'image Portable Network 195.9 KB

suivant suivant

Poussière

Il faut que je trouve un moyen de sortir de cette pièce ! Et s'il y avait un indice dehors ?
Oh la ! la vitre est si poussiéreuse qu'on n'y voit goutte...  

Télécharger
Filtre semi-transparent "Poussière"
dust-filter.png
Format d'image Portable Network 790.4 KB

suivant suivant

Condensation 2

J'ai l'impression de voir une silhouette dehors, mais avec toute cette buée... impossible d'en être sûr. 

Télécharger
Filtre semi-transparent de condensation
condensation-2-filter.png
Format d'image Portable Network 305.8 KB


À voir également...



Faisceau lumineux

Thème pour tabs

Palettes