Looge selle Javascript raamatukoguga ilusad animeeritud osakesed
On palju vaba animatsiooniraamatukogusid, millel on erinevad efektid ja erialad. Kuid uus Particles.js raamatukogu loob täiesti uue suuna animeeritud osakesi seda liikuda reaalajas üle kogu lehe.
See lihtne kasutada olev raamatukogu on täiesti tasuta ja GitHubist avatud. Kindlasti ei aita teil teie saidi UX-i parandada, kuid see aitab teil mõningaid põimunud osakeste mõju taustale.
Põhilehel leiate a live interaktiivne demo kus saate raamatukogu funktsioone mängida. See võimaldab reguleerida osakeste suurust, kiirust, kuju, värvi, asendit ja nime.
Kuna see on nii üksikasjalik raamatukogu, vajab see a JavaScripti hea mõistmine see toimib. Sellepärast on see live demo nii väärtuslik, et see võimaldab kõigil nende seadetega mängida, et näha, mis on JavaScriptis võimalik.
Ja kui sa oled nende graafikate eksportimise korral hea salvestage pildid otse veebirakenduse demo lehelt. Sa saad eksportida toores PNG või isegi salvestage kõik kohandatud seaded JSON-faili, mis seejärel impordib otse Particles.js skripti.
Vaikimisi saate valida a-st väike käputäis teemasid erinevate osakeste stiilidega:
- NASA tähed
- Mullid
- Lumi
- Nyan kassi tähed
- Vaikimisi geomeetrilised kujundid
Nende vaikeväärtustega saate ikka veel peamiste seadete muutmine värvide, positsioonide, kiiruste ja kõik muu täpsustamiseks.
Selle raamatukogu parim osa on reaalajas kohandamise funktsioon otse põhilehel. Kui soovite sattuda asjatutesse üksikasjadesse, peate tõesti mõistma JavaScripti ja frontendi kodeerimist.
Aga isegi algaja võib töötada liidese kaudu, valida soovitud sätted ja eksportida kõike JSON-failina.
Suurepärane raamatukogu kõigile luua veebis dünaamilisi osakesi. Lisateabe saamiseks külastage GitHub repot ja saate oma mõtteid jagada Vincent Garreauoniga Twitteris @VincentGarreau.
