Izveidojiet skaistas animācijas daļiņas ar šo Javascript bibliotēku
Ir daudz bezmaksas animācijas bibliotēku ar dažādiem efektiem un specialitātēm. Taču jaunā Particles.js bibliotēka rada pilnīgi jaunu virzienu, izveidojot animācijas daļiņas to pārvietoties reālā laikā visā lapā.
Šī viegli lietojamā bibliotēka ir pilnīgi bez maksas un atvērta no GitHub. Tas noteikti nepalīdzēs uzlabot jūsu vietnes UX, bet tas var palīdzēt jums pievienot daļiņu ietekme uz fona.
Galvenajā lapā jūs atradīsiet a dzīvot interaktīvu demonstrāciju kur var spēlēt apkārt ar bibliotēkas funkcijām. Tas ļauj jums pielāgot daļiņu izmēru, ātrumu, formu, krāsu, pozīciju, nosaukumu.
Tā kā šī ir tik detalizēta bibliotēka, tai ir nepieciešama a laba JavaScript izpratne lai to paveiktu. Tāpēc šī tiešraides demonstrācija ir tik vērtīga, jo tā ļauj ikvienam spēlēt apkārt ar šiem iestatījumiem, lai redzētu, kas ir iespējams JavaScript.
Un, ja jūs labi varat eksportēt šīs grafikas, varat saglabājiet attēlus tieši no tīmekļa lietotnes demonstrācijas lapas. Jūs varat eksportēt neapstrādātu PNG vai pat saglabājiet visus pielāgotos iestatījumus JSON failā, kas pēc tam importē tieši uz Particles.js skriptu.
Pēc noklusējuma jūs varat izvēlēties no a neliela tematika ar dažādiem daļiņu stiliem:
- NASA zvaigznes
- Burbuļi
- Sniegs
- Nyan kaķu zvaigznes
- Noklusējuma ģeometriskās formas
Izmantojot šos noklusējumus, jūs joprojām varat rediģēt visus galvenos iestatījumus uzlabot krāsas, pozīcijas, ātrumus un visu pārējo.
Labākā daļa no šīs bibliotēkas ir tiešraides pielāgošanas funkcija tieši galvenajā lapā. Ja vēlaties nokļūt sīkās detaļās, jums patiešām ir jāsaprot JavaScript un frontend kodēšana.
Bet pat iesācējs var strādāt ar saskarni, izvēlēties vajadzīgos iestatījumus un eksportēt visu kā JSON failu.
Brilliant bibliotēka ikvienam, kas vēlas veidot dinamiskas daļiņas tīmeklī. Lai uzzinātu vairāk, apmeklējiet GitHub repo, un jūs varat dalīties savās domās ar autors Vincent Garreauon par Twitter @ VincentGarreau.
