stickman-animation

Compétence Stickman Animation (animation-skill-main)

Générez des animations de stickman (bonhomme allumette) 2D/3D déterministes et de qualité studio (1080×1920 vertical 9:16 à 30.0 FPS). Le rendu est effectué via HTML5 Canvas + WebGL2 / Three.js sans étape de build, les frames sont capturées de manière déterministe via Chromium headless (window.seekToFrame(f)), et assemblées en MP4 avec ffmpeg.

Pipeline de production en 10 étapes

1. Interpréter et inférer les paramètres : 1080×1920 (9:16 vertical), 30.0 FPS, recherche déterministe par frame.
2. Beat Sheet et formule de rétention court-format :
   • Accroche (0–3s) : Action visuelle immédiate + paradoxe présenté comme un fait.
   • Installation et escalade : Changement visuel ou recadrage de caméra toutes les 1.5–2.5s (alternance de plans A-B-A-C).
   • Le retournement / La science : 5 démonstrations physiques distinctes et non répétées (ne jamais répéter le même diagramme deux fois).
   • Point culminant et récompense : Renversement émotionnel/ironique et grand plan large en grue.
3. Décomposer en plans (story.json / timeline.js) : Chaque plan définit la position pos, la cible look, le champ fov, la distance de mise au point focusDist, la force de profondeur de champ dofStrength, et les poses des acteurs.
4. Assembler les assets (library/js/rig.js) :
   • Règle stricte : Toujours utiliser des membres articulés en 2 os droits (solveIK([épaule, coude, main]) et solveIK([hanche, genou, pied])) — jamais de bras en noue courbe.
   • Locomotion cycloïde plantée : Le pied d'appui reste verrouillé aux coordonnées 3D du sol tandis que le pied oscillant suit un arc cycloïde dans l'espace monde (zéro glissement de pied).
   • Cinématique de peinture en 3 phases : (1) Tremper le pinceau dans un seau de chrome 3D (0.00..0.16), (2) Coup vertical linéaire vers le haut le long de la poutre 3D (0.16..0.58), (3) Coup vertical linéaire vers le bas (0.58..1.00) avec rotation du poignet et inversion de l'écartement des poils.
5. Rendre les keyframes du storyboard (scripts/capture_frames.mjs).
6. Auto-vérification du storyboard (references/11-ship-gates.md) : Lisibilité des silhouettes, placement selon la règle des tiers, lignes de vue dégagées.
7. Animer avec easing non linéaire (library/js/easing.js) : smootherstep symétrique (glide) pour les mouvements de caméra, power2Out pour les décélérations, kicks d'impact à retournement de signe sur 7 frames pour les claquements/coups secs.
8. Capturer les frames et assembler (scripts/stitch.mjs) : Capture vraie à 30.0 FPS non quantifiée (zéro frame bloquée ou gelée).
9. QA final sur la planche contact (scripts/contact_sheet.py).
10. Livrer : Lecteur .html studio consultable + 1080×1920 H.264 .mp4.