Page d'accueil » Boîte à outils » Créez de belles particules animées avec cette bibliothèque Javascript

    Créez de belles particules animées avec cette bibliothèque Javascript

    Il y a des tonnes de bibliothèques d'animation gratuites, toutes avec différents effets et spécialités. Mais la nouvelle bibliothèque Particles.js prend une direction totalement nouvelle en créant particules animées cette se déplacer en temps réel partout sur la page.

    Cette bibliothèque facile à utiliser est entièrement gratuite et ouverte sur GitHub. Cela ne vous aidera certainement pas à améliorer l'UX de votre site, mais cela peut vous aider à en ajouter. effets de particules entrelacées au fond.

    Sur la page principale, vous trouverez un vivre démo interactive où vous pouvez jouer avec les fonctionnalités de la bibliothèque. Cela vous permet d’ajuster la taille, la vitesse, la forme, la couleur et la position des particules..

    Comme cette bibliothèque est si détaillée, elle nécessite un bonne compréhension de JavaScript pour le faire fonctionner. C'est pourquoi cette démonstration en direct est si précieuse, car elle permet à quiconque de jouer avec ces paramètres pour voir ce qu'il est possible de faire avec JavaScript..

    Et si vous êtes d'accord pour exporter ces graphiques, vous pouvez enregistrer les images directement depuis la page de démonstration de l'application Web. Vous pouvez exporter un PNG brut ou même enregistrer tous vos paramètres personnalisés dans un fichier JSON qui importe ensuite directement dans le script Particles.js.

    Par défaut, vous pouvez choisir parmi un petite poignée de thèmes avec différents styles de particules:

    • Étoiles de la NASA
    • Bulles
    • Neige
    • Étoiles de chat Nyan
    • Formes géométriques par défaut

    Avec ces valeurs par défaut, vous pouvez toujours éditer tous les paramètres principaux pour affiner les couleurs, les positions, les vitesses et tout le reste.

    La meilleure partie de toute cette bibliothèque est la fonction de personnalisation en direct juste sur la page principale. Si vous voulez entrer dans les détails, vous devez vraiment comprendre le JavaScript et le codage frontal..

    Mais même un débutant peut utiliser l'interface, choisir les paramètres qu'il souhaite et exporter le tout sous forme de fichier JSON..

    Une bibliothèque géniale pour ceux qui cherchent à créer des particules dynamiques sur le web. Pour en savoir plus, rendez-vous sur le dépôt GitHub et partagez votre opinion avec le créateur Vincent Garreauon sur Twitter @VincentGarreau..