Video in loop senza stacchi: come crearne uno che non salta mai

Un loop senza stacchi è un video il cui ultimo fotogramma porta dritto al primo, così può ripetersi all’infinito senza che nessuno veda dove inizia. Il segreto è che tutto nell’inquadratura deve tornare a casa nel momento esatto: ogni posizione, colore, livello di luce e particella finisce un passo prima del punto da cui era partita. Se ci riesci, un clip di dieci secondi può girare tutto il giorno.

Questa guida spiega perché i loop saltano, come progettare un movimento che torna da solo, come recuperare riprese non pensate per il loop e come controllare il punto di giunzione prima di pubblicare. Per l’aspetto del loop in sé, leggi sfondi con gradiente animato.

Perché la maggior parte dei loop salta

Un salto nel punto di giunzione ha sempre una causa precisa, e ognuna ha una soluzione precisa. Aiuta dare un nome a quella che hai davanti.

La terza causa è subdola. Se animi da A a B e ritorno con un easing a entrambe le estremità, il movimento rallenta fino a fermarsi alla giunzione e il loop sembra esitare. L’easing va all’inizio e alla fine di un movimento singolo, non alla giunzione di un loop. L’easing spiega la differenza.

Progettare un movimento che va in loop da solo

I loop più puliti sono fatti di movimento periodico: un movimento che per natura si ripete, come un punto che percorre un cerchio o una luce che cresce e cala. Se ogni elemento in movimento completa un numero intero di cicli nella durata del video, l’ultimo fotogramma si allinea automaticamente con il primo. Cerchi, onde sinusoidali e giri completi di tinta sono tutti periodici.

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
}

È quest’ultimo dettaglio a evitare lo scatto. Se l’ultimo fotogramma è identico al primo, il player mostra quell’immagine due volte di fila a ogni ripetizione. L’ultimo fotogramma deve essere quello subito prima del primo.

Mettere in loop rumore, grana e particelle

Le texture organiche sono spesso fatte di rumore, che di base non si ripete. Il trucco standard è muoversi nel rumore lungo un cerchio invece che in linea retta, così dopo un loop sei di nuovo nello stesso punto. I sistemi di particelle sono diversi: la posizione di ogni particella dipende da quelle precedenti. Far girare la simulazione per un intero loop prima di registrare permette alle particelle di assestarsi nel loro ritmo, così la fine registrata resta vicina all’inizio.

Come mettere in loop riprese non pensate per il loop

I clip girati, come onde, fumo o nuvole, raramente finiscono dove iniziano. La soluzione classica funziona in qualsiasi editor video: sposta la giunzione nel mezzo del clip, dove la ripresa è già continua, e nascondi il nuovo taglio con una dissolvenza incrociata.

1. 1

   Dividi il clip a metà

   Taglia il clip in due metà, A e B, in un momento con un movimento costante.

2. 2

   Scambia le metà

   Metti prima B e poi A. La fine di A ora scorre nell’inizio di B, perché nell’originale erano un unico momento continuo, quindi il punto del loop è senza stacchi.

3. 3

   Dissolvi il nuovo punto centrale

   Dove B incontra A, sovrapponile da mezzo secondo a due secondi e sfuma l’una nell’altra. Le riprese morbide e materiche nascondono meglio una dissolvenza incrociata.

4. 4

   Taglia a una durata tonda

   Punta a un numero intero di secondi, che rende il loop facile da sincronizzare e da riusare.

Scegliere la durata del loop

I loop più lunghi sembrano meno ripetitivi, ma sono file più pesanti e richiedono più movimento periodico per restare interessanti. I loop brevi si ripetono spesso, quindi il loro movimento deve essere abbastanza sottile da non diventare ipnotico. A 30 fotogrammi al secondo, un loop di 10 secondi è di 300 fotogrammi, che si dividono bene in metà, terzi e quarti per i tuoi cicli.

Come controllare la giunzione

Non giudicare un loop guardandolo una volta in un editor. Guardalo come lo incontreranno le persone: in ripetizione, a dimensione piena, più a lungo di quanto sembri necessario. Le giunzioni che si nascondono in un’anteprima piccola spesso si vedono su uno schermo 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

• Guarda il file ripetuto quattro volte a schermo intero e osserva solo la giunzione.
• Guarda i bordi e gli angoli, dove la deriva si nota di più.
• Osserva la grana e le particelle separatamente dal colore.
• Se vedi un leggero impulso alla giunzione, è la compressione: esporta a una qualità più alta.

Se crei loop in Gradiently, tutto questo è gestito per te: ogni loop esportato è costruito in modo che il campo in movimento completi cicli interi nella durata che scegli, da 5 a 30 secondi, e che la fine si unisca all’inizio. È lo stesso approccio che useresti nel codice, applicato al tuo Mark. I loop funzionano bene anche come sfondi animati e come sfondi video per siti web.