Anime.js - lengva „JavaScript“ animacijos biblioteka

Interneto animacija atėjo ilgas kelias. Ne tik kūrėjai gali atlikti bet kokią animaciją, naudodami CSS / SVG / JS kombinaciją, bet yra dešimtys nemokamų bibliotekų taupyti laiką procese.

Vienas iš mano mėgstamiausių yra Anime.js, visiškai nemokama, atviro kodo „JavaScript“ animacijos biblioteka.

Ši biblioteka gali daryti viską. Tai „JavaScript“ bet taip pat labai priklauso nuo CSS animacijų. Galite nukreipti atskirus puslapio elementus per DOM arba netgi galite nukreipti pasirinktiniai SVG.

Visi dokumentai yra savarankiškai „GitHub“, todėl gali tekti slinkti, kad surastumėte tiksliai tai, ko ieškote. Bet kiekviena animacijos funkcija Su keliais parametrais pavyzdžiui, vėlavimas, trukmė ir palengvinimas.

Atkreipkite dėmesį į šią biblioteką neatėjo su daugeliu numatytųjų animacijos stilių. Anime.js yra kūrėjams kurie nori pritaikyti savo animacijas be rašymo kodo.

Dėl gyvas pavyzdys, patikrinkite toliau pateiktą „Codepen“ rašiklį. Šis kodas yra labai paprasta bet jūs gaunate tikėtiną animaciją skvošas ir ruožas plius numatymas, abu animacijos pagrindai.

Teisingas įspėjimas: yra „Anime.js“ biblioteka tankus. Ne viskas sunku sukurti priskirtą animaciją, bet jums reikia suprasti kai kuriuos pagrindus kaip palengvinimas ir bendras „JavaScript“ sintaksė „callbacks & options“.

Bet visa reikalinga informacija yra repo puslapis, įskaitant daug kodo pavyzdžių ir išsamios dokumentacijos lentelės. Be to, galite naršyti atvirose klaidų ataskaitose arba patikrinti naršyklės palaikymą, kuris šiuo metu yra visos pagrindinės naršyklės ir IE 10+.

Tai yra viena iš geriausių interneto kūrėjų animacinių bibliotekų ir tai turėtų būti jūsų sprendimas bet kokia sudėtinga interneto animacija.

Norėdami pamatyti krūva gyvi pavyzdžiai, patikrinkite šį „Anime.js“ demonstracijų, surengtų „CodePen“, kolekciją. Žemiau, įterpiau savo mėgstamą animuoja visą logotipą nuo nulio, su tikra gyvybe.