Creați particule animate frumoase cu această bibliotecă Javascript
Există tone de biblioteci gratuite de animație, toate cu efecte și specialități diferite. Dar, noua bibliotecă Particles.js merge într-o direcție cu totul nouă prin crearea de particule animate acea mișcare în timp real pe tot parcursul paginii.
Această bibliotecă ușor de folosit este complet gratuită și deschisă pe GitHub. Cu siguranță nu vă va ajuta să îmbunătățiți UX-ul site-ului dvs., dar vă poate ajuta să adăugați ceva efecte intercalate ale particulelor în fundal.
În pagina principală, veți găsi a live demo interactiv unde puteți juca cu caracteristicile bibliotecii. Aceasta vă permite să ajustați dimensiunea particulei, viteza, forma, culoarea, poziția, numele pe care îl numiți.
Deoarece aceasta este o bibliotecă atât de detaliată, ea necesită a bună înțelegere a JavaScript pentru a-l face să funcționeze. De aceea, acest demo live este atât de valoros, deoarece permite oricui să se joace cu aceste setări pentru a vedea ce este posibil în JavaScript.
Și dacă ești bine în exportul acestor grafice, poți salvați imaginile direct de pe pagina de demo a aplicației web. Poti exportați un PNG brut sau chiar salvați toate setările personalizate într-un fișier JSON care apoi importă direct în scriptul Particles.js.
În mod implicit, puteți alege de la câteva mii de teme cu stiluri diferite de particule:
- Stelele NASA
- Bule
- Zăpadă
- Nyan stele de pisici
- Forme geometrice implicite
Cu aceste valori prestabilite, puteți încă editați toate setările principale pentru a rafina culorile, pozițiile, vitezele și orice altceva.
Cea mai bună parte a întregii biblioteci este funcția de personalizare live chiar pe pagina principală. Dacă doriți să intrați în detaliile ciudate, trebuie să înțelegeți codificarea JavaScript și frontend.
Dar, chiar și un începător ar putea lucra prin interfață, alege setările pe care le doresc și exporta totul ca fișier JSON.
O bibliotecă strălucitoare pentru oricine caută creați particule dinamice pe web. Pentru a afla mai multe, vizitați repo GitHub și vă puteți împărtăși gândurile cu creatorul Vincent Garreauon pe Twitter @VincentGarreau.
