Ustvarite čudovite animirane delce s to Javascript knjižnico
Obstaja veliko brezplačnih knjižnic z različnimi učinki in posebnostmi. Toda nova Particles.js knjižnica gre popolnoma novo smer z ustvarjanjem animirani delci to premikanje v realnem času po vsej strani.
Ta knjižnica, ki je preprosta za uporabo, je popolnoma brezplačna in odprta v GitHubu. Zagotovo vam ne bo pomagalo izboljšati UX spletnega mesta, vendar vam lahko pomaga dodati nekaj prepleteni učinki delcev v ozadju.
Na glavni strani boste našli a interaktivni demo v živo kjer se lahko igrate s funkcijami knjižnice. To vam omogoča prilagajanje velikosti delcev, hitrosti, oblike, barve, položaja.
Ker je to taka podrobna knjižnica, zahteva a dobro razumevanje JavaScripta da deluje. Zato je ta demo v živo tako dragocen, ker vsakomur omogoča, da se poigra s temi nastavitvami, da vidi, kaj je mogoče v JavaScriptu.
In če ste zadovoljni z izvozom teh grafik, lahko shranite slike neposredno s predstavitvene strani spletne aplikacije. Ti lahko izvozite surovi PNG ali celo shranite vse nastavitve po meri v datoteko JSON, ki se nato uvozi neposredno v skript Particles.js.
Privzeto lahko izbirate med a majhnih nekaj tem z različnimi slogi delcev:
- NASA zvezde
- Mehurčki
- Sneg
- Nyan cat stars
- Privzete geometrijske oblike
S temi privzetimi nastavitvami lahko še vedno uredite vse glavne nastavitve izboljšati barve, položaje, hitrosti in vse ostalo.
Najboljši del te celotne knjižnice je funkcija žive prilagoditve desno na glavni strani. Če želite priti v podrobnosti, ki jih potrebujete, morate resnično razumeti kodiranje JavaScripta in frontendov.
Toda celo začetnik bi lahko delal preko vmesnika, izbral želene nastavitve in vse izvozil kot datoteko JSON.
Briljantna knjižnica za vse, ki si želijo ustvarite dinamične delce na spletu. Če želite izvedeti več, obiščite GitHub repo in svoje misli lahko delite z ustvarjalcem Vincentom Garreauonom na Twitterju @VincentGarreau.
