Vytvorte krásne animované častice s touto knižnicou Javascript
Existuje množstvo bezplatných animačných knižníc s rôznymi efektmi a špecialitami. Ale nová knižnica Particles.js ide vytvorením úplne nového smeru animované častice že pohybovať v reálnom čase po celej stránke.
Táto jednoducho použiteľná knižnica je na GitHub úplne bezplatná a otvorená. Určite vám nepomôže zlepšiť UX vašich stránok, ale môže vám pomôcť pridať nejaké efekty preplnených častíc na pozadí.
Na hlavnej stránke nájdete a živé interaktívne demo kde môžete hrať s funkciami knižnice. To vám umožní upraviť veľkosť častíc, rýchlosť, tvar, farbu, pozíciu, ktorú si pomenujete.
Keďže ide o takú detailnú knižnicu, vyžaduje to a dobré pochopenie jazyka JavaScript aby to fungovalo. To je dôvod, prečo je toto živé ukážka také cenné, pretože umožňuje ľuďom hrať si s týmito nastaveniami, aby zistili, čo je možné v jazyku JavaScript.
A ak ste v pohode s exportom týchto grafiky, môžete uložte obrázky priamo z demo stránky webovej aplikácie. Môžeš export nespracovaného PNG alebo dokonca uložte všetky svoje vlastné nastavenia do súboru JSON, ktorý potom importuje priamo do skriptu Particles.js.
Štandardne si môžete vybrať z a niekoľko málo tém s rôznymi štýlmi častíc:
- NASA hviezdy
- Bubliny
- Sneh
- Nyan mačacie hviezdy
- Predvolené geometrické tvary
S týmito predvolenými hodnotami môžete stále upraviť všetky hlavné nastavenia upresniť farby, polohy, rýchlosti a všetko ostatné.
Najlepšia časť tejto celej knižnice je funkciu prispôsobenia naživo priamo na hlavnej stránke. Ak sa chcete dostať do hlbokých detailov, musíte naozaj pochopiť kódovanie jazyka JavaScript a frontend.
Ale aj začiatočník by mohol pracovať cez rozhranie, vybrať nastavenia, ktoré chcú, a exportovať všetko ako súbor JSON.
Brilantná knižnica pre každého, kto má záujem vytvárať dynamické častice na webe. Ak sa chcete dozvedieť viac, navštívte repo GitHub a môžete sa podeliť o svoje myšlienky s tvorcom Vincentom Garreauonom na Twitteru @VincentGarreau.
