Mo.js - Uma biblioteca completa de gráficos em movimento para a Web

Animação na web está aqui para ficar como JavaScript está ficando cada vez mais poderoso e o suporte ao navegador está crescendo a cada ano que passa.

A maioria das animações com as quais estamos familiarizados se concentra na interface: menus suspensos, botões com guias e apresentações de slides são exemplos comuns.

Mas Mo.js é diferente. Isto é um Biblioteca JavaScript feita para gráficos em movimento personalizados para ajudar os designers a criar incríveis recursos animados que vão além dos simples truques de interface do usuário / UX.

Se você visitar a página inicial do Mo.js, você encontrará documentação completa junto com um ótimo tutorial para iniciantes.

Observe isso biblioteca é muito difícil de trabalhar com. Você deve estar familiarizado com o código de frontend básico antes de mexer com o Mo.js sozinho. No entanto, há muita coisa que você pode aprender apenas estudando as demonstrações ao vivo e pesquisando sobre alguns dos códigos-fonte..

Dê uma olhada no repo principal do GitHub se quiser ver algumas demos em ação.

Há toda uma lista de links da CodePen, todos apresentando demos ao vivo do Mo.js. Esses incluem carregadores de animação de página em tela cheia, microinterações de clique para animação, e toneladas de manipulações de formas.

Por exemplo, essa caneta cria uma microinteração bem louca da entrada do usuário (basta clicar em qualquer lugar dentro da caneta para vê-la).

Algumas dessas canetas podem parecer exageradas, mas não são apenas animações JS. Eles são realmente como obras de arte.

Essas demonstrações demonstram quão longe chegamos com animação na web. O fato de que qualquer um pode criar esses efeitos usando apenas código de frontend é simplesmente incrível.

Se você quiser ver mais de Mo.js, dê uma olhada nas demos do GitHub. Você também pode gostar deste tutorial ensinando como trabalhar com a biblioteca Mo.js passo-a-passo.

De qualquer forma, isso é uma das minhas bibliotecas de animação favoritas Até a presente data. Ele oferece tanto controle que você simplesmente não consegue encontrar em nenhum outro lugar. E isso está ajudando a trazer microinterações de aplicativos móveis para o design da web.