Loop a Wiggle - After Effects Expression

Wie loopt man eigentlich einen Wiggle? Diese Frage haben wir uns gestellt, als wir Elemente für unsere Webseite vorbereitet haben. Da wir uns dachten, dass wir mit dieser Frage bestimmt nicht alleine sind, teilen wir sie jetzt hier in diesem Beitrag.

Ruckartiger Übergang ohne Expression

Fließende Animation mit Loop-Expression

Die Wiggle-Expression ist eine der häufigsten und nützlichsten Expressions, um Zufälligkeit und Variation zu Eigenschaften in After Effects hinzuzufügen. Allerdings lässt sie sich standardmäßig nicht einfach in einem Loop abspielen.

Doch hier ist die Lösung:

frequency = 2; // wiggles per second
amplitude = 40; // amount of pixels to wiggle
secondsToLoop = 3; // time to loop in seconds
// ——–
t = time % secondsToLoop;
wiggle1 = wiggle(frequency, amplitude, 1, 0.5, t);
wiggle2 = wiggle(frequency, amplitude, 1, 0.5, t – secondsToLoop);
linear(t, 0,  secondsToLoop, wiggle1, wiggle2)

Füge die oben stehende Expression einer beliebigen Eigenschaft hinzu (z.B. Drehung oder Position), um einen zufälligen Wiggle-Wert zu erhalten, der alle n Sekunden wiederholt wird.

Prinzipiell musst du nur folgende Eigenschaften anpassen:

  • Frequency (Frequenz): Anzahl der Wiggle pro Sekunde
  • Amplitude (Amplitude): Betrag (in Pixeln oder Prozent), um den der Wiggle variieren soll
  • Seconds to Loop (Sekunden bis zur Wiederholung): Dauer des Loops in Sekunden

Anwendungshinweise:

  • Frequency (Frequenz): Bestimmt, wie oft die Wiggle-Bewegung pro Sekunde wiederholt wird.
  • Amplitude (Amplitude): Legt fest, um welchen Betrag die Wiggle-Bewegung variieren soll (in Pixeln oder Prozent).
  • Seconds to Loop (Sekunden bis zur Wiederholung): Definiert, wie viele Sekunden die Schleife dauern soll.