Joyeuse fête d’Halloween !

Aujourd’hui petit article plus tranquille, sur le thème d’Halloween, j’en profite pour vous présenter un petit code « fun » que j’ai réalisé.

Cet article est une archive du 31 Octobre 2016 ( En savoir plus ).

Salut à toutes et à tous !

J’espère que vous allez bien en cette journée de fête 😃

Vous l’avez sûrement remarqué en arrivant sur le blog, une petite animation a été mise en place sur le blog.

Petit code spécial Halloween

En effet, j’ai décidé de créer une animation spéciale Halloween, le tout en Javascript !

C’est donc de cette animation que je vais vous parler aujourd’hui.

Comme je l’ai dit plus haut, l’animation est complètement développée en Javascript ( JS ).

Elle est générée de manière totalement aléatoire, et intègre au total six images d’Halloween différentes.

Quelques projets utilisant un système d’aléatoire en JavaScript :

• https://www.luc-mergault.fr/blog/marcraft/
• https://www.luc-mergault.fr/blog/morp-io/
• https://www.luc-mergault.fr/blog/lulu-io/

Fonctionnement du script

Chacune de ces six images sont tirées au sort à tour de rôle, permettant déjà un premier « aléatoire » à l’animation ( Une image ne peut être tirée au sort qu’une seule fois ).

Après avoir trouvé une image valide ( Qui n’a pas encore été tirée ), le script va choisir un autre « aléatoire« , cette fois-ci pour définir quelle animation va-t-être sélectionnée.

Voici la liste complète des animations avec leurs détails :

• Zoom : Zoom l’image actuelle et change d’image, le tout très rapidement.
• Noir et blanc : Effet de clignotements très rapides entre un fond blanc et l’image en fond noir, pour ensuite passer à une nouvelle image.
• Afficher / Masquer : Affiche et masque très rapidement l’image actuelle, pour ensuite passer à une nouvelle image.
• Alternance d’images : Alterne plusieurs images sélectionnées de manière aléatoire parmi les six, pour ensuite passer à une nouvelle image.
• Alternance du contraste : Alterne le contraste de l’image actuelle, pour ensuite passer à une nouvelle image.

Voilà pour la liste des animations.

Il faut aussi savoir qu’outre les sélections aléatoires citées au-dessus, il y en a encore beaucoup, mais qui sont quant à elles moins importantes.

Vous l’aurez peut-être deviné, mais lors de la réalisation, mon but premier était de générer une animation de la manière la plus aléatoire possible ! Et je pense avoir plutôt bien réussi 😁

Pour finir cet article, voici un exemple de l’animation :

Je le rappelle quand même, mais le but en créant cette animation était de m’amuser à mettre en pratique mes connaissances.

Voilà voilà, je pense avoir fait le tour de cette petite animation plutôt sympathique !

Si vous avez des questions, des idées, et autres, n’hésitez pas, l’espace commentaires est là pour ça.

Sur ce, je vous souhaite une très bonne journée d’Halloween, et à très vite pour une prochaine surprise !