Mo.js - pilnīga kustības grafikas bibliotēka tīmeklī

Animācija tīmeklī ir šeit, lai paliktu kā JavaScript ir tikai spēcīgāks un pārlūkprogrammas atbalsts katru gadu pieaug.

Lielākā daļa animāciju, ar kurām mēs saskaramies ar saskarni: nolaižamās izvēlnes, cilnes ar pogām un slaidrādes ir kopīgi piemēri.

Bet Mo.js ir atšķirīgs. Tas ir JavaScript bibliotēka veidota atbilstoši kustības grafikai lai palīdzētu dizaineriem radīt pārsteidzošas animācijas iespējas, kas pārsniedz vienkāršu UI / UX triku.

Ja jūs apmeklējat Mo.js mājas lapu, jūs atradīsiet pilnīga dokumentācija kopā ar lielisku apmācību iesācējiem.

Ņemiet to vērā bibliotēka ir diezgan grūti strādāt. Jums vajadzētu būt pazīstamam ar pamata frontendu kodēšanu pirms tam, kad jūs savietojat ar Mo.js. Tomēr ir daudz, ko varat uzņemt tikai, pētot dzīvo demo un iejūtot dažos avota kodos.

Ja vēlaties redzēt kādu demo darbībā, apmeklējiet galveno GitHub repo.

Tur ir pilns saraksts no CodePen saitēm, kurās ir visi dzīvie Mo.js demo. Tie ietver pilna ekrāna lapu animācijas iekrāvēji, klikšķu-to-animācijas mikrointerakcijas, un tonnas formas manipulācijas.

Piemēram, šī pildspalvveida pilnšļirce rada diezgan traktu mikrointerakciju no lietotāja ievades (vienkārši noklikšķiniet uz jebkuras vietas, lai to redzētu).

Dažas no šīm pildspalvām var justies virsū, bet tās nav tikai JS animācijas. Viņi patiešām patīk mākslas darbi.

Šie demonstrējumi pierāda cik tālu mēs esam ieradušies ar animāciju tīmeklī. Tas, ka ikviens var radīt šos efektus, izmantojot tikai frontenda kodu, ir vienkārši neticami.

Ja vēlaties redzēt vairāk no Mo.js, paskatieties uz GitHub demo. Iespējams, ka šī apmācība tāpat kā soli pa solim māca, kā strādāt ar bibliotēku.

Katrā ziņā tas ir viena no manām iecienītākajām animācijas bibliotēkām līdz šim. Tā piedāvā tik daudz kontroles, ka jūs vienkārši nevarat atrast nekur citur. Un tas palīdz panākt, lai no mobilajām lietotnēm tiktu veidota interaktivitāte tīmekļa dizainā.