contact@luc-mergault.fr

Joyeuse fête d’Halloween !

Je partage à travers ce blog mes projets et ma passion pour l'informatique en général.

Joyeuse fête d’Halloween !

5
(1)

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 ).


Informations
Début de réalisation : 30 Octobre 2016
Fin de réalisation : 30 Octobre 2016

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 :

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 !

  • Bitcoin
  • Ethereum
  • Binance coin
  • MetaMask
Scan to Donate Bitcoin to bc1qrunuqqs7e8e5x7lctmgflvde8claupv44qa9fg

Soutenez moi en envoyant des Bitcoin !

Scannez le QR code ci-dessous ou copiez l'adresse suivante pour me soutenir en envoyant des Bitcoin 😃

Scan to Donate Ethereum to 0x81D56c63Df07ef938425e53185984DC5670E206C

Soutenez moi en envoyant des Ethereum !

Scannez le QR code ci-dessous ou copiez l'adresse suivante pour me soutenir en envoyant des Ethereum 😃

Scan to Donate Binance coin to bnb18dy3mv3f6y7h4uems5d8emn8g7zgfq7vlslkpk

Soutenez moi en envoyant des Binance coin !

Scannez le QR code ci-dessous ou copiez l'adresse suivante pour me soutenir en envoyant des Binance coin 😃

Donner avec MetaMask

Si vous utilisez Metamask, vous pouvez me soutenir très simplement en cliquant sur ce bouton !

Donnez une note à cet article 😉

Note moyenne 5 / 5. Nombre de vote : 1

Pas encore de note, soyez le premier à donner une note !

Merci ! Partage cet article !

Je suis désolé que cet article ne te plaise pas

Améliorons cet article !

Dis moi ce que je peux améliorer !

 

Aucun commentaire

Ajoutez votre commentaire