Vincent Garreau, développeur front-end et co-fondateur de Livestorm propose une petite librairie pour afficher une animation de particules entièrement paramétrable.
Je l’ai utilisé pour animer des pages d’attente sur des pages perso Free (pour moi et des amis).
Le gros avantage c’est la légèreté du script (23 ko + 2 ko de paramètres), le fichier de configuration est simple à éditer car bien écrit. Avec les 10 paramètres disponibles et leur différentes options vous pouvez facilement réaliser des animations très différentes même si elles restent dans le même univers de « particules animées ».
Quelques exemples de page d’attente animées :
Les voir en live ci-dessous :
Si vous voulez mettre en place un simple page responsive et animée je vous propose de télécharger mon petit kit comprenant un index.html + les CSS et JS et fond de page image (n’oubliez pas de compresser les grands visuels sur compressor.io). Le choix de typo passe par Google fonts, une pour le titre, une pour la copyright. Pensez à régler le responsif pour les tablettes et smartphones.
> Kit page d’attente avec particles.js
Sources : Vincent Garreau, Particles.js, Canvasisawesome
Enregistrer
Une réponse
Sympa cette anim et surtout les paramètres très complets. Merci pour l’info.
Denis