Mo.js - kompletna biblioteka graficzna dla sieci

Animacja w internecie pozostanie tutaj JavaScript staje się coraz bardziej wydajny a obsługa przeglądarki rośnie z każdym rokiem.

Większość animacji, które znamy, skupia się na interfejsie: menu rozwijane, przyciski z kartami i pokazy slajdów są typowymi przykładami.

Ale Mo.js jest inny. To jest Biblioteka JavaScript stworzona dla niestandardowej grafiki ruchu aby pomóc projektantom tworzyć niesamowite animowane funkcje, które wykraczają poza proste sztuczki UI / UX.

Jeśli odwiedzisz stronę domową Mo.js, znajdziesz pełna dokumentacja wraz z świetnym samouczkiem dla początkujących.

Zauważ to biblioteka jest bardzo trudna do pracy. Powinieneś znać podstawowe kodowanie frontendowe przed samodzielnym majstrowaniem przy Mo.js. Istnieje jednak wiele rzeczy, które można odebrać, studiując pokazy na żywo i zagłębiając się w kod źródłowy.

Rzuć okiem na główne repozytorium GitHub, jeśli chcesz zobaczyć dema w akcji.

Istnieje cała lista linków z CodePen, wszystkie z demami Mo.js na żywo. Obejmują one pełnoekranowe ładowarki animacji stron, mikro-interakcje typu „kliknij, aby animować”, i mnóstwo manipulacji kształtem.

Na przykład pióro tworzy dość zwariowaną mikrointerakcja z danych wprowadzanych przez użytkownika (wystarczy kliknąć w dowolnym miejscu pióra, aby je zobaczyć).

Niektóre z tych piór mogą wydawać się przesadzone, ale nie są to tylko animacje JS. Są naprawdę jak dzieła sztuki.

Te dema dowodzą jak daleko zaszliśmy z animacją w sieci. Fakt, że każdy może tworzyć te efekty tylko za pomocą kodu frontendowego, jest po prostu niesamowity.

Jeśli chcesz zobaczyć więcej z Mo.js, spójrz na dema na GitHub. Ten samouczek może również spodobać się krok po kroku, jak pracować z biblioteką Mo.js.

Tak czy inaczej, to jest jedna z moich ulubionych bibliotek animacji spotykać się z kimś. Oferuje tak dużą kontrolę, jakiej nie możesz znaleźć nigdzie indziej. Pomaga także w tworzeniu mikrointerakcji z aplikacji mobilnych do projektowania stron internetowych.