Pular para o conteúdo
Menu

Desenhe o movimento

Animação por caminho: desenhe uma linha e um objeto viaja por ela, girando de acordo com a direção. O tempo do seu desenho vira o ritmo da animação, ou você escolhe uma curva.

Como usar

  1. 01Desenhe um caminho na tela.
  2. 02Escolha o objeto, o rastro e o ritmo (o seu, constante ou com curva).
  3. 03Acrescente cópias atrasadas e veja virar uma coreografia.

Mouse ou dedoToque

experimento ao vivo
Carregando o experimento…
Como isso funciona?

01O site guarda cada ponto do seu traço com o momento em que você passou por ali. No ritmo “o seu”, o objeto repete exatamente a sua velocidade.

02No ritmo constante, o caminho é medido e o objeto anda a mesma distância a cada quadro. Ele gira seguindo a direção do caminho naquele ponto.

03As cópias usam o mesmo caminho com um atraso cada uma. Esse eco em cascata é um recurso clássico de motion design.