Pular para o conteúdo
Voelin Studio

Desenhe o movimento

Desenhe um caminho e um objeto o percorre, com rastro, curva e repetição.

←→
experimento ao vivo

Desenhe um caminho na tela.

Como usar
  1. Escolha o objeto, o rastro e o ritmo (o seu, constante ou com curva).
  2. Acrescente cópias atrasadas e veja virar uma coreografia.
Carregando o experimento…

Gostou da composição? Guarde este momento.

Baixa uma imagem PNG da cena atual, sem os controles. Não inclui animação ou som.

Mouse ou dedoToque
Sobre este experimento

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 isso funciona?
  1. 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.
  2. 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.
  3. 03As cópias usam o mesmo caminho com um atraso cada uma. Esse eco em cascata é um recurso clássico de motion design.