Stickman-Animation

Stickman-Animation-Fähigkeit (animation-skill-main)

Erstelle deterministische, studioqualitative 2D/3D-Strichmännchen-Animationen (1080×1920 vertikal 9:16 bei 30.0 FPS). Rendert über HTML5 Canvas + WebGL2 / Three.js ohne Bundle-Schritt, erfasst deterministische Einzelbilder über kopfloses Chromium (window.seekToFrame(f)) und fügt mit ffmpeg zu MP4 zusammen.

Die 10-Schritte-Produktionspipeline

1. Interpretiere & leite Parameter ab: 1080×1920 (9:16 vertikal), 30.0 FPS, deterministische Einzelbildsuche.
2. Beat Sheet & Kurzformat-Publikumsbindungsformel:
   • Aufhänger (0–3s): Sofortige visuelle Aktion + Paradox als Tatsache dargestellt.
   • Aufbau & Eskalation: Visuelle Änderung oder Kamera-Neuausrichtung alle 1,5–2,5s (A-B-A-C-Einstellungswechsel).
   • Wendepunkt / Wissenschaft: 5 verschiedene, sich nicht wiederholende physische Cutaway- oder Analogie-Demonstrationen (nie dasselbe Diagramm zweimal verwenden).
   • Höhepunkt & Auszahlung: Emotionale/ironische Umkehrung und großes Kran-Rückwärtsfahren.
3. Zerlege in Einstellungen (story.json / timeline.js): Jede Einstellung definiert Kamera pos, look, fov, focusDist, dofStrength und Schauspielerposen.
4. Baue Assets zusammen (library/js/rig.js):
   • Harte Regel: Verwende immer gerade 2-Knochen-Gelenk-Strichglieder (solveIK([shoulder, elbow, hand]) und solveIK([hip, knee, foot])) – niemals geschwungene Nudelarme.
   • Pflanzenbasierte Zykloiden-Lokomotion: Der Standfuß bleibt auf der 3D-Bodenkoordinate verriegelt, während der Schwungfuß einem weltraumfesten Zykloidenbogen folgt (kein Fußschlupf).
   • 3-Phasen-Mal-Kinematik: (1) Pinsel in 3D-Chrom-Eimer tauchen (0.00..0.16), (2) Linearer vertikaler Aufwärtsstrich entlang des 3D-Trägers (0.16..0.58), (3) Linearer vertikaler Abwärtsstrich (0.58..1.00) mit Handgelenksrotation und Borstenaufspreizungsumkehr.
5. Rendere Storyboard-Schlüsselbilder (scripts/capture_frames.mjs).
6. Selbstprüfung des Storyboards (references/11-ship-gates.md): Silhouetten-Lesbarkeit, Drittel-Regel-Platzierung der Augen, ungehinderte Sichtlinien.
7. Animiere mit nicht-linearem Easing (library/js/easing.js): Symmetrisches smootherstep (glide) für Kamerafahrten, power2Out für Verzögerungen, 7-Frame-Vorzeichenwechsel-Impact-Kicks für Schläge/Schnappes.
8. Erfasse Einzelbilder & füge sie zusammen (scripts/stitch.mjs): Echte 30,0 FPS unquantisierte Erfassung (keine hängengebliebenen oder eingefrorenen Einzelbilder).
9. Finale Qualitätssicherung auf Kontaktbogen (scripts/contact_sheet.py).
10. Auslieferung: Durchsuchbarer .html Studio-Player + 1080×1920 H.264 .mp4.