Vidéo en boucle parfaite : faire une boucle sans saut

Une boucle parfaite est une vidéo dont la dernière image mène directement à la première, si bien qu’elle peut se répéter indéfiniment sans que personne ne voie où elle commence. Le secret : tout ce qui est dans le cadre doit revenir exactement au bon moment. Chaque position, couleur, niveau de lumière et particule finit un pas avant son point de départ. Réussissez cela, et un clip de dix secondes peut tourner toute la journée.

Ce guide explique pourquoi les boucles sautent, comment concevoir un mouvement qui revient tout seul, comment sauver une séquence qui n’était pas faite pour boucler, et comment vérifier le raccord avant de publier. Pour le rendu de la boucle elle-même, voir arrière-plans en dégradé animé.

Pourquoi la plupart des boucles sautent

Un saut au raccord a toujours une cause précise, et chacune a sa solution. Il aide de nommer celle que vous avez sous les yeux.

La troisième cause est sournoise. Si vous animez de A vers B puis retour avec une accélération douce aux deux extrémités, le mouvement ralentit jusqu’à l’arrêt au raccord et la boucle semble hésiter. L’accélération douce a sa place au début et à la fin d’un mouvement isolé, pas au raccord d’une boucle. Easing explique la différence.

Concevoir un mouvement qui boucle tout seul

Les boucles les plus propres sont faites de mouvement périodique : un mouvement qui se répète par nature, comme un point qui parcourt un cercle ou une lumière qui monte et retombe. Si tout ce qui bouge accomplit un nombre entier de cycles sur la durée de la vidéo, l’image finale s’aligne automatiquement sur la première. Cercles, sinusoïdes et tours complets de teinte sont tous périodiques.

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
}

Ce dernier détail évite la saccade. Si votre image finale est identique à la première, le lecteur montre la même image deux fois de suite à chaque répétition. L’image finale doit être celle juste avant la première.

Boucler le bruit, le grain et les particules

Les textures organiques sont souvent faites de bruit, qui ne se répète pas par défaut. L’astuce classique consiste à parcourir le bruit en cercle plutôt qu’en ligne droite : après une boucle, on revient au même point. Les systèmes de particules sont différents : la position de chaque particule dépend de celles d’avant. Faire tourner la simulation sur une boucle complète avant d’enregistrer permet aux particules de trouver leur rythme, si bien que la fin enregistrée se rapproche de son début.

Comment boucler une séquence qui n’était pas faite pour boucler

Les séquences filmées, comme des vagues, de la fumée ou des nuages, finissent rarement là où elles commencent. La solution classique marche dans tout logiciel de montage : déplacez le raccord au milieu du clip, là où l’image est déjà continue, et masquez la nouvelle coupe par un fondu enchaîné.

1. 1

   Coupez le clip au milieu

   Coupez le clip en deux moitiés, A et B, à un moment où le mouvement est régulier.

2. 2

   Échangez les moitiés

   Placez B en premier et A en second. La fin de A se raccorde maintenant au début de B, car c’était un seul moment continu dans l’original : le point de boucle est donc parfait.

3. 3

   Enchaînez en fondu le nouveau milieu

   Là où B rejoint A, faites-les se chevaucher d’une demi-seconde à deux secondes et fondez l’un dans l’autre. Les images douces et texturées cachent le mieux un fondu enchaîné.

4. 4

   Raccourcissez à une durée ronde

   Visez un nombre entier de secondes : la boucle est plus facile à caler et à réutiliser.

Choisir la durée d’une boucle

Les boucles longues paraissent moins répétitives, mais leurs fichiers sont plus lourds et elles demandent plus de mouvement périodique pour rester intéressantes. Les boucles courtes se répètent souvent, donc leur mouvement doit rester assez discret pour ne pas devenir hypnotique. À 30 images par seconde, une boucle de 10 secondes fait 300 images, qui se divisent proprement en moitiés, tiers et quarts pour vos cycles.

Comment vérifier le raccord

Ne jugez pas une boucle en la regardant une seule fois dans un éditeur. Regardez-la comme on la découvrira : en répétition, en taille réelle, plus longtemps qu’il ne semble nécessaire. Les raccords qui se cachent dans un petit aperçu se voient souvent sur un grand écran.

# 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

• Regardez le fichier répété quatre fois en plein écran et ne regardez que le raccord.
• Regardez les bords et les coins, où la dérive se voit le plus.
• Regardez le grain et les particules séparément de la couleur.
• Si vous voyez une douce pulsation au raccord, c’est de la compression : exportez en meilleure qualité.

Si vous faites vos boucles dans Gradiently, c’est géré pour vous : chaque boucle exportée est construite pour que le champ en mouvement accomplisse des cycles entiers sur la durée choisie, de 5 à 30 secondes, et que sa fin rejoigne son début. C’est la même approche que celle que vous suivriez en code, appliquée à votre Mark. Les boucles font aussi de bons fonds d’écran animés et arrière-plans vidéo de site web.