Vídeo en bucle perfecto: cómo hacer uno que nunca salte

Un bucle perfecto es un vídeo cuyo último fotograma lleva directamente al primero, de modo que puede repetirse sin fin sin que nadie vea dónde empieza. El secreto es que todo lo que hay en el encuadre tiene que volver a casa justo en el momento adecuado: cada posición, color, nivel de luz y partícula termina un paso antes de donde empezó. Si lo consigues, un clip de diez segundos puede reproducirse todo el día.

Esta guía explica por qué saltan los bucles, cómo diseñar un movimiento que vuelve solo, cómo rescatar grabaciones que no se hicieron para repetirse y cómo revisar la unión antes de publicar. Para el aspecto del bucle en sí, mira fondos degradados animados.

Por qué saltan la mayoría de los bucles

Un salto en la unión siempre tiene una causa concreta, y cada una tiene su propia solución. Ayuda ponerle nombre a la que estás viendo.

La tercera causa es traicionera. Si animas de A a B y de vuelta con suavizado en los dos extremos, el movimiento se frena hasta pararse en la unión y el bucle parece dudar. El suavizado va al principio y al final de un movimiento único, no en la unión de un bucle. Easing explica la diferencia.

Diseñar un movimiento que se repite solo

Los bucles más limpios están hechos de movimiento periódico: un movimiento que se repite por naturaleza, como un punto que recorre un círculo o una luz que crece y se apaga. Si todo lo que se mueve completa un número entero de ciclos en la duración del vídeo, el último fotograma encaja con el primero automáticamente. Los círculos, las ondas sinusoidales y las vueltas completas de tono son 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
}

Ese último detalle es lo que evita el tirón. Si tu último fotograma es idéntico al primero, el reproductor muestra esa imagen dos veces seguidas en cada repetición. El último fotograma debe ser el inmediatamente anterior al primero.

Ruido, grano y partículas en bucle

Las texturas orgánicas suelen hacerse con ruido, que por defecto no se repite. El truco habitual es recorrer el ruido en círculo en lugar de en línea recta, de modo que tras una vuelta vuelves al mismo punto. Los sistemas de partículas son distintos: la posición de cada partícula depende de las anteriores. Ejecutar la simulación durante un bucle completo antes de grabar deja que las partículas encuentren su ritmo, así que el final grabado queda cerca de su inicio.

Cómo poner en bucle una grabación que no se hizo para repetirse

Los clips filmados, como olas, humo o nubes, rara vez terminan donde empiezan. La solución clásica funciona en cualquier editor de vídeo: lleva la unión al centro del clip, donde la grabación ya es continua, y oculta el nuevo corte con un fundido encadenado.

1. 1

   Divide el clip por la mitad

   Corta el clip en dos mitades, A y B, en un momento de movimiento constante.

2. 2

   Intercambia las mitades

   Pon B primero y A después. El final de A fluye ahora hacia el inicio de B, porque en el original era un único momento continuo, así que el punto de bucle es perfecto.

3. 3

   Funde el nuevo centro

   Donde B se encuentra con A, superponlas entre medio segundo y dos segundos y funde una en la otra. Las grabaciones suaves y con textura son las que mejor esconden un fundido.

4. 4

   Recorta a una duración redonda

   Busca un número entero de segundos, lo que facilita calcular los tiempos del bucle y reutilizarlo.

Elegir la duración del bucle

Los bucles más largos se sienten menos repetitivos, pero pesan más y necesitan más movimiento periódico para seguir siendo interesantes. Los bucles cortos se repiten a menudo, así que su movimiento tiene que ser lo bastante sutil para no volverse hipnótico. A 30 fotogramas por segundo, un bucle de 10 segundos son 300 fotogramas, que se dividen limpiamente en mitades, tercios y cuartos para tus ciclos.

Cómo revisar la unión

No juzgues un bucle viéndolo una vez en el editor. Míralo como lo verá la gente: repitiéndose, a tamaño completo y durante más tiempo del que parece necesario. Las uniones que se esconden en una vista previa pequeña suelen aparecer en una pantalla 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

• Mira el archivo repetido cuatro veces a pantalla completa y fíjate solo en la unión.
• Mira los bordes y las esquinas, donde más se nota la deriva.
• Observa el grano y las partículas por separado del color.
• Si ves un leve pulso en la unión, es la compresión: exporta con más calidad.

Si haces bucles en Gradiently, esto ya está resuelto: cada bucle exportado se construye para que el campo en movimiento complete ciclos enteros dentro de la duración que elijas, de 5 a 30 segundos, y su final se une con su inicio. Es el mismo enfoque que usarías en código, aplicado a tu Mark. Los bucles también sirven como fondos de pantalla animados y vídeos de fondo para webs.