Press ESC to close

Anitype: tipografia animada em javascript

Anitype

E se as letras pudessem se mover na tela, sem precisar de vídeo ou de nenhuma interferência do velho Flash?

Anitype é um projeto que faz parte da galeria do Chrome Experiments, que permite que caracteres sejam animados através de JavaScript.

Anitype

Como funciona?

Vale qualquer coisa dentro de 1 segundo de animação disponível para cada caractere. Através de pontos que servem como eixo e  alguns parâmetros de transformação, como translate,rotatescale, e vertices, é possível colocar a letrinha pra mexer, como quiser.

Tem que sacar um pouquinho de javascript pra brincar, mas você não está sozinho: a documentação do Anitype é bem completa e didática.

Anitype
Painel de edição do Anitype

A experiência é possível graças ao Two.js, um API de desenho bidimensional voltado para navegadores modernos, que pode ser baixado aqui.

Advanced anchors: recurso do Two.js
Advanced anchors: recurso do Two.js

Quer ver o que já foi feito? Dá uma olhada na galeria do Anitype.

 

Letícia Motta

Designer gráfico com experiência no mercado há mais de 15 anos, atua nas áreas de design gráfico, digital design e direção de arte. Bacharel em Design, com extensão em Coolhunting e MBA em marketing digital. Fundadora do estúdio leticiamotta.com.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

@cutedropblog no Instagram