Vídeo em loop perfeito: como fazer um que nunca salta

Um loop perfeito é um vídeo cujo último fotograma leva diretamente ao primeiro, para se poder repetir para sempre sem ninguém ver onde começa. O segredo é que tudo no enquadramento tem de voltar a casa no momento exato: cada posição, cor, nível de luz e partícula acaba um passo antes de onde começou. Acerta nisso e um clip de dez segundos pode passar o dia inteiro.

Este guia explica porque saltam os loops, como desenhar movimento que regressa sozinho, como salvar imagens filmadas que não foram feitas para loop e como verificar a junção antes de publicar. Para o visual do próprio loop, vê os fundos em gradiente animado.

Porque é que a maioria dos loops salta

Um salto na junção tem sempre uma causa específica, e cada uma tem uma solução específica. Ajuda dar nome àquela que estás a ver.

A terceira causa é traiçoeira. Se animares de A para B e de volta com suavização nas duas pontas, o movimento abranda até parar na junção e o loop parece hesitar. A suavização pertence ao início e ao fim de um movimento único, não à junção de um loop. O guia sobre easing explica a diferença.

Desenhar movimento que fica em loop sozinho

Os loops mais limpos são feitos de movimento periódico: movimento que se repete por natureza, como um ponto a percorrer um círculo ou uma luz a crescer e a baixar. Se tudo o que se move completar um número inteiro de ciclos na duração do vídeo, o último fotograma alinha automaticamente com o primeiro. Os círculos, as ondas sinusoidais e as voltas completas de tom são todos periódicos.

const fps = 30
const seconds = 10
const frames = fps * seconds            // 300 frames, numbered 0 to 299

for (let i = 0; i < frames; i++) {
  const phase = i / frames              // 0 up to, but never reaching, 1
  const turn = phase * Math.PI * 2      // one full turn per loop

  const x = Math.cos(turn) * 40         // drift in a circle, 40 px across
  const y = Math.sin(turn) * 40
  const hue = 280 + Math.sin(turn * 2) * 20   // two gentle hue swings per loop
  const glow = 0.5 + 0.5 * Math.sin(turn)     // light breathes once per loop

  drawFrame(i, { x, y, hue, glow })     // your renderer
}

Esse último pormenor é o que evita o soluço. Se o teu último fotograma for idêntico ao primeiro, o leitor mostra essa imagem duas vezes seguidas em cada repetição. O último fotograma deve ser o imediatamente anterior ao primeiro.

Ruído, grão e partículas em loop

As texturas orgânicas são muitas vezes feitas de ruído, que por predefinição não se repete. O truque habitual é percorrer o ruído em círculo em vez de em linha reta, para que, ao fim de um loop, voltes ao mesmo ponto. Os sistemas de partículas são diferentes: a posição de cada partícula depende das anteriores. Correr a simulação durante um loop inteiro antes de gravar deixa as partículas assentar no seu ritmo, para que o fim gravado fique perto do início.

Como pôr em loop imagens que não foram feitas para isso

Os clips filmados, como ondas, fumo ou nuvens, raramente acabam onde começam. A solução clássica funciona em qualquer editor de vídeo: leva a junção para o meio do clip, onde as imagens já são contínuas, e esconde o novo corte com uma transição cruzada.

1. 1

   Divide o clip ao meio

   Corta o clip em duas metades, A e B, num momento de movimento regular.

2. 2

   Troca as metades

   Põe B primeiro e A a seguir. O fim de A flui agora para o início de B, porque era um só momento contínuo no original, por isso o ponto de loop fica perfeito.

3. 3

   Faz uma transição cruzada no novo meio

   Onde B encontra A, sobrepõe-nos entre meio segundo e dois segundos e funde um no outro. As imagens suaves e texturadas escondem melhor uma transição cruzada.

4. 4

   Apara para uma duração redonda

   Aponta para um número inteiro de segundos, o que torna o loop fácil de sincronizar e de reutilizar.

Escolher a duração do loop

Os loops mais longos parecem menos repetitivos, mas são ficheiros maiores e precisam de mais movimento periódico para se manterem interessantes. Os loops curtos repetem-se muitas vezes, por isso o seu movimento tem de ser subtil o suficiente para não se tornar hipnótico. A 30 fotogramas por segundo, um loop de 10 segundos tem 300 fotogramas, que se dividem bem em metades, terços e quartos para os teus ciclos.

Como verificar a junção

Não avalies um loop vendo-o uma vez num editor. Vê-o como as pessoas o vão encontrar: a repetir, em tamanho real, durante mais tempo do que parece necessário. As junções que se escondem numa pré-visualização pequena aparecem muitas vezes num ecrã grande.

# Play the loop four times in a row as one file, to watch the joins
ffmpeg -stream_loop 3 -i loop.mp4 -c copy loop-x4.mp4

# Save the first and last frames as images to compare side by side
ffmpeg -i loop.mp4 -vf "select=eq(n\,0)" -frames:v 1 first.png
ffmpeg -sseof -0.5 -i loop.mp4 -update 1 last.png

• Vê o ficheiro repetido quatro vezes em ecrã inteiro e olha só para a junção.
• Olha para as margens e os cantos, onde a deriva é mais visível.
• Observa o grão e as partículas separadamente da cor.
• Se vires um leve pulsar na junção, é compressão: exporta com uma qualidade mais alta.

Se fizeres loops na Gradiently, isto fica tratado por ti: cada loop exportado é construído para que o campo em movimento complete ciclos inteiros na duração que escolheres, de 5 a 30 segundos, e para que o fim encontre o início. É a mesma abordagem que seguirias em código, aplicada ao teu Mark. Os loops também dão bons fundos de ecrã animados e fundos de vídeo para sites.