Pular para o conteúdo
Voelin Studio

Morfose

Formas que se transformam umas nas outras: círculo, estrela, coração, a marca do estúdio.

←→
experimento ao vivo

Toque numa forma para a transformação ir até ela.

Como usar
  1. O ciclo automático já começa ligado. Escolher uma forma pausa o ciclo; toque em “Ciclo automático” para retomá-lo.
  2. Troque o estilo (sólido, contorno, pontos) e a curva da animação.
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

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 isso funciona?
  1. 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.
  2. 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.
  3. 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.