Stvorite prekrasne animirane čestice s ovom Javascript knjižnicom
Postoji mnogo besplatnih animacijskih knjižnica s različitim efektima i specijalitetima. No, nova Particles.js knjižnica ide potpuno novim smjerom stvaranjem animirane čestice da kretati se u stvarnom vremenu po cijeloj stranici.
Ova knjižnica jednostavna za korištenje potpuno je besplatna i otvorena je na GitHubu. To vam sigurno neće pomoći da poboljšate UX za vašu web-lokaciju, ali vam može pomoći da nešto dodate isprepleteni učinci čestica u pozadinu.
Na glavnoj stranici pronaći ćete interaktivni demo uživo gdje se možete igrati s značajkama knjižnice. To vam omogućuje da prilagodite veličinu čestica, brzinu, oblik, boju, položaj, nazovite ga.
Budući da je ovo takva detaljna knjižnica, ona zahtijeva a dobro razumijevanje JavaScripta da bi to funkcioniralo. Zbog toga je ovaj demo uživo toliko dragocjen jer omogućuje svakome da se poigrava s ovim postavkama kako bi vidio što je moguće u JavaScriptu.
A ako ste u mogućnosti izvesti te grafike možete spremite slike izravno s demo stranice web-aplikacije. Možeš izvoz neobrađenog PNG-a ili čak spremite sve prilagođene postavke u JSON datoteku koja se zatim uvozi izravno u skriptu Particles.js.
Prema zadanim postavkama možete birati između a mali broj tema s različitim stilovima čestica:
- NASA zvijezde
- Mjehurići
- Snijeg
- Nyan cat stars
- Zadani geometrijski oblici
S tim zadanim postavkama možete i dalje uredite sve glavne postavke poboljšati boje, položaje, brzine i sve ostalo.
Najbolji dio ove cijele knjižnice je značajka žive prilagodbe na glavnoj stranici. Ako želite ući u sitne detalje, stvarno trebate razumjeti JavaScript i frontend kodiranje.
No, čak i početnik može raditi preko sučelja, odabrati željene postavke i izvesti sve kao JSON datoteku.
Sjajna knjižnica za svakoga tko želi stvoriti dinamičke čestice na webu. Da biste saznali više, posjetite GitHub repo i možete podijeliti svoje misli s kreatorom Vincentom Garreauonom na Twitteru @VincentGarreau.
