Die Website macht ihre Bewegungen mit gsap 3.14.2. Uebernommen sind die
Kurven, nicht das Paket: was GSAP darueber hinaus kann -- Zeitleisten,
ScrollTrigger, MotionPath -- setzt voraus, dass etwas laeuft. Hier
laeuft nichts, animChat(i, t) bekommt seinen Fortschritt von aussen und
ist damit selbst schon die Zeitleiste. Ein paused timeline mit
.progress(t) waere dieselbe Konstruktion mit 70 KB darunter, und ein
Easing ist eine Zeile.
Zwei der Kurven waren ohnehin GSAPs: daempfen ist Wort fuer Wort
power2.inOut, rueck ist back.out(1,70158). Die Namen stehen jetzt
daneben, dazu kommen raus (power2.out) und knall (expo.out).
Der Zeiger fuhr auf power2.inOut, also langsam an, in der Mitte
schnell, wieder abbremsend -- die Bewegung eines Schlittens. Eine
Hand ist sofort schnell und wird zum Ziel hin langsam.
Und er fuhr auf der Geraden. Jetzt auf einer quadratischen Bezier,
Stuetzpunkt 13 % der Strecke quer nach aussen, vom Verlauf weg. Rund
27 px Ausbuchtung auf 410 px Weg: es faellt nicht auf, das ist der
Punkt.
Der Klickring geht auf zwei Kurven, Radius auf expo.out und die
Deckung linear hinterher. Beides auf derselben sah aus wie eine
Blase, die sich aufblaest.
Der Anlauf ist von 0,6 s auf 0,18 s geschrumpft. Am Ende steht das
Bild eine halbe Sekunde still, damit man das Ergebnis liest; lief
vorn nochmal eine halbe, waren das ueber den Schleifenstoss hinweg
1,2 von 6 Sekunden Stillstand am Stueck.
MP4 neu gebaut, Werte unveraendert: H.264, 1080x1350, 30 fps, 6,0 s,
stumme AAC-Spur. Geprueft ist das an Kontaktabzuegen ueber die 180
Bilder, nicht am Lauf.
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01U7RZ6ZpLD8Dp84Rtt4KHfv
dejanandClaude Opus 5
e8f5686f30