Crea bellissime particelle animate con questa libreria Javascript
Ci sono tonnellate di librerie gratuite di animazioni tutte con effetti e specialità diversi. Ma la nuova libreria Particles.js ha una direzione totalmente nuova creando particelle animate quello muoversi in tempo reale in tutta la pagina.
Questa libreria facile da usare è completamente gratuita e open-source su GitHub. Certamente non ti aiuterà a migliorare la UX del tuo sito ma ti può aiutare ad aggiungerne alcuni effetti particellari interlacciati sullo sfondo.
Nella pagina principale, troverai a live demo interattiva dove puoi giocare con le funzionalità della biblioteca. Questo ti consente di regolare la dimensione delle particelle, la velocità, la forma, il colore, la posizione, e il nome.
Poiché questa è una libreria così dettagliata, richiede a buona comprensione di JavaScript per farlo funzionare. Ecco perché questa demo dal vivo è così preziosa perché permette a chiunque di giocare con queste impostazioni per vedere cosa è possibile in JavaScript.
E, se stai bene con l'esportazione di questi elementi grafici, puoi farlo salva le immagini direttamente dalla pagina demo dell'app Web. Puoi esportare un PNG non elaborato o anche salva tutte le tue impostazioni personalizzate in un file JSON che quindi importa direttamente nello script Particles.js.
Per impostazione predefinita, puoi scegliere da a piccola manciata di temi con diversi stili di particelle:
- Stelle della NASA
- bolle
- La neve
- Stelle di gatto Nyan
- Forme geometriche predefinite
Con queste impostazioni predefinite, puoi ancora modifica tutte le impostazioni principali per rifinire colori, posizioni, velocità e quant'altro.
La parte migliore di questa intera libreria è la funzione di personalizzazione live proprio sulla pagina principale. Se vuoi entrare nei dettagli nitty devi veramente capire JavaScript e la codifica del frontend.
Ma anche un principiante può lavorare attraverso l'interfaccia, scegliere le impostazioni che desidera ed esportare tutto come file JSON.
Una biblioteca brillante per chiunque voglia crea particelle dinamiche sul web. Per saperne di più, visita il repository GitHub e condividi i tuoi pensieri con il creatore Vincent Garreauon su Twitter @VincentGarreau.
