Pular para o conteúdo

Morfose

Uma forma que vira outra sem cortes: o círculo vira estrela, que vira coração, que vira a marca do Voelin Studio. Escolha a sequência, a curva e o estilo do traço.

Como usar

  1. 01Toque numa forma para a transformação ir até ela.
  2. 02Ligue o ciclo automático.
  3. 03Troque o estilo (sólido, contorno, pontos) e a curva da animação.

Mouse ou dedoToque

experimento ao vivo
Carregando o experimento…
Como isso funciona?

01Cada forma é desenhada com o mesmo número de pontos ao longo do contorno. Transformar uma na outra é levar cada ponto da primeira até o ponto correspondente da segunda.

02Para a transformação não torcer, o site gira a lista de pontos até achar o encaixe em que eles andam o mínimo possível.

03Os pontos não chegam todos ao mesmo tempo: um pequeno atraso entre eles faz a forma escorrer de uma para a outra, como líquido.