Vytvořte krásné animované částice s touto knihovnou Javascript
Existují tuny bezplatných animačních knihoven s různými efekty a specialitami. Nová knihovna Particles.js však vytváří zcela nový směr vytvořením animovaných částic že pohyb v reálném čase po celé stránce.
Tato snadno použitelná knihovna je zcela zdarma a otevřená na GitHubu. To jistě nepomůže zlepšit UX vašich stránek, ale může vám pomoci přidat některé efekty prokládaných částic na pozadí.
Na hlavní stránce najdete živé interaktivní demo kde můžete hrát s funkcemi knihovny. To vám umožní nastavit velikost částic, rychlost, tvar, barvu, polohu, pojmenujete ji.
Protože se jedná o takovou podrobnou knihovnu, vyžaduje to dobré porozumění JavaScriptu aby to fungovalo. To je důvod, proč je toto živé demo tak cenné, protože umožňuje komukoliv hrát s těmito nastaveními a zjistit, co je v JavaScriptu možné.
A pokud jste v pořádku s exportem těchto grafik, můžete uložit obrázky přímo z demo stránky webové aplikace. Můžeš exportovat surové PNG nebo dokonce uložte všechna vlastní nastavení do souboru JSON, který se pak importuje přímo do skriptu Particles.js.
Ve výchozím nastavení můžete vybrat možnost a malé množství témat s různými styly částic:
- NASA hvězdy
- Bubliny
- Sníh
- Nyan kočičí hvězdy
- Výchozí geometrické tvary
S těmito výchozími hodnotami můžete stále upravit všechna hlavní nastavení zdokonalit barvy, pozice, rychlosti a všechno ostatní.
Nejlepší část této celé knihovny je funkce živého přizpůsobení přímo na hlavní stránce. Pokud se chcete dostat do dusno-drsné detaily opravdu potřebujete pochopit JavaScript a kódování frontend.
Ale i začátečník může pracovat přes rozhraní, vybrat nastavení, které chtějí, a exportovat vše jako soubor JSON.
Brilantní knihovna pro každého, kdo hledá vytvářet dynamické částice na webu. Chcete-li se dozvědět více, navštivte repo GitHub a můžete sdílet své myšlenky s tvůrcem Vincent Garreauon na Twitteru @VincentGarreau.