Pular para o conteúdo

Transições

Um carrossel de cenas com transições animadas pela placa de vídeo: dissolver, cortina, pixels, líquido, redemoinho, zoom, persiana e mais. Escolha, mude a duração e arraste para controlar a transição com o dedo.

Como usar

  1. 01Escolha uma transição e aperte “Próxima”.
  2. 02Mude a duração e a curva.
  3. 03Arraste a barra para controlar a transição no meio do caminho.

Mouse ou dedoToque3D (placa de vídeo)

experimento ao vivo
Carregando o experimento…
Como isso funciona?

01As duas cenas são imagens na placa de vídeo. Para cada pixel, um programa decide quanto mostrar de uma e quanto da outra, conforme o progresso da transição, de 0 a 1.

02Cada transição é só uma regra diferente para essa mistura: pela distância ao centro, por blocos, por ruído suave ou deslocando os pixels como água.

03Uma transição boa guia o olhar e não chama mais atenção do que o conteúdo. Por isso a duração e a curva importam tanto quanto o efeito.