Sukurkite gražias animuotas daleles su šia „JavaScript“ biblioteka
Yra nemažai laisvos animacijos bibliotekų, turinčių skirtingus efektus ir specialybes. Tačiau nauja „Particles.js“ biblioteka sukuria visiškai naują kryptį animuotos dalelės kad judėti realiu laiku visame puslapyje.
Ši lengva naudoti biblioteka yra visiškai nemokama ir atvira iš „GitHub“. Tai tikrai nepadės pagerinti jūsų svetainės UX, tačiau ji gali padėti jums pridėti keletą susipynę dalelių efektai į foną.
Pagrindiniame puslapyje rasite a gyventi interaktyvi demonstracija kur galite žaisti su bibliotekos funkcijomis. Tai leidžia reguliuoti dalelių dydį, greitį, formą, spalvą, padėtį, pavadinimą.
Kadangi tai yra tokia išsami biblioteka, jai reikia a geras „JavaScript“ supratimas gauti jį dirbti. Štai kodėl šis gyvas demonstravimas yra toks vertingas, nes leidžia visiems žaisti su šiais nustatymais, kad pamatytumėte, kas įmanoma „JavaScript“.
Ir, jei esate gerai, eksportuodami šias grafikas, galite išsaugoti vaizdus tiesiogiai iš žiniatinklio programos demonstracinio puslapio. Tu gali eksportuoti neapdorotą PNG ar net išsaugokite visus priskirtus nustatymus į JSON failą, kuris tuomet tiesiogiai importuojamas į „Particles.js“ scenarijų.
Pagal numatytuosius nustatymus galite pasirinkti iš a nedidelis temų su skirtingais dalelių stiliais:
- NASA žvaigždės
- Burbulai
- Sniegas
- Nyan kačių žvaigždės
- Numatytosios geometrinės formos
Naudodami šiuos numatytuosius nustatymus, vis tiek galite redaguoti visus pagrindinius nustatymus tobulinti spalvas, pozicijas, greitį ir visa kita.
Geriausia šios bibliotekos dalis yra tiesioginio pritaikymo funkcija tiesiai ant pagrindinio puslapio. Jei norite patekti į nekintamą informaciją, jums reikia suprasti „JavaScript“ ir „frontend“ kodavimą.
Tačiau net pradedantysis gali dirbti per sąsają, pasirinkti norimus nustatymus ir eksportuoti viską kaip JSON failą.
Puiki biblioteka tiems, kurie nori kurti dinamines daleles internete. Jei norite sužinoti daugiau, apsilankykite „GitHub“ repo ir galite pasidalinti savo mintimis su „Vincent Garreauon“ kūrėju „Twitter @VincentGarreau“.
