Luo kauniita animoituja hiukkasia tämän Javascript-kirjaston avulla
On olemassa paljon vapaata animaatiokirjastoa, joissa on erilaisia vaikutuksia ja erikoisuuksia. Uusi Particles.js-kirjasto on kuitenkin täysin uusi suunta luomalla animoituja hiukkasia että liikkua reaaliajassa koko sivun.
Tämä helppokäyttöinen kirjasto on täysin ilmainen ja avoinna GitHubista. Se ei varmasti auta parantamaan sivustosi UX: ää, mutta se voi auttaa sinua lisäämään sivustosi lomitetut hiukkasvaikutukset taustalla.
Pääsivulla on a live-vuorovaikutteinen demo jossa voit leikkiä kirjaston ominaisuuksien kanssa. Näin voit säätää hiukkaskokoa, nopeutta, muotoa, väriä, sijaintia ja nimeä.
Koska tämä on niin yksityiskohtainen kirjasto, se vaatii a hyvä käsitys JavaScriptista saada se toimimaan. Siksi tämä live-esittely on niin arvokas, koska sen avulla kuka tahansa voi pelata näiden asetusten avulla ja nähdä, mitä JavaScriptissä on mahdollista.
Ja jos olet kunnossa viemällä nämä grafiikat, voit tallenna kuvat suoraan Web-sovelluksen esittelysivulta. Sinä pystyt viedä raaka PNG tai jopa tallenna kaikki mukautetut asetukset JSON-tiedostoon, joka sitten tuodaan suoraan Particles.js-skriptiin.
Oletuksena voit valita a: sta pieni kourallinen teemoja eri hiukkastyylien kanssa:
- NASA-tähdet
- Kuplia
- Lumi
- Nyan kissan tähdet
- Oletus geometriset muodot
Näiden oletusarvojen avulla voit silti muokkaa kaikkia pääasetuksia tarkentaa värejä, sijainteja, nopeuksia ja kaikkea muuta.
Tämän koko kirjan paras osa on live-mukautustoiminto suoraan pääsivulla. Jos haluat päästä sisälle yksityiskohtiin, sinun täytyy ymmärtää JavaScript- ja frontend-koodaukset.
Mutta jopa aloittelija voisi työskennellä käyttöliittymän kautta, valita haluamansa asetukset ja viedä kaiken JSON-tiedostona.
Loistava kirjasto kaikille luoda dynaamisia hiukkasia verkossa. Saat lisätietoja tutustumalla GitHub-repoon ja voit jakaa ajatuksiasi Twitterissä @VincentGarreau-luojaan Vincent Garreauon kanssa.
