Animación de Hombre Palo

Habilidad de Animación de Hombre Palo (animation-skill-main)

Genera animaciones deterministas de figuras de palo en 2D/3D con calidad de estudio (1080×1920 vertical 9:16 a 30.0 FPS). Renderiza mediante HTML5 Canvas + WebGL2 / Three.js sin paso de compilación, captura cuadros deterministas mediante Chromium headless (window.seekToFrame(f)), y los ensambla en MP4 usando ffmpeg.

El Pipeline de Producción en 10 Pasos

1. Interpretar e Inferir Parámetros: 1080×1920 (9:16 vertical), 30.0 FPS, búsqueda de cuadros determinista.
2. Guión de Golpes y Fórmula de Retención para Formato Corto:
   • Enganche (0–3s): Acción visual inmediata + paradoja presentada como hecho.
   • Planteamiento y Escalada: Cambio visual o reencuadre de cámara cada 1.5–2.5s (alternancia de tomas A-B-A-C).
   • El Giro / Ciencia: 5 demostraciones físicas distintas y no repetitivas (cortes o analogías; nunca repetir el mismo diagrama dos veces).
   • Clímax y Remate: Reversión emocional/irónica y gran retroceso de grúa.
3. Descomponer en Tomas (story.json / timeline.js): Cada toma define posición de cámara (pos), puntería (look), campo de visión (fov), distancia de enfoque (focusDist), intensidad de profundidad de campo (dofStrength) y poses de actores.
4. Ensamblar Activos (library/js/rig.js):
   • Regla Estricta: Usar siempre extremidades articuladas rectas de 2 huesos (solveIK([hombro, codo, mano]) y solveIK([cadera, rodilla, pie])) — nunca brazos de fideo curvo.
   • Locomoción Cicloidal Plantada: El pie de apoyo permanece fijo en la coordenada 3D del suelo mientras el pie de balanceo sigue un arco cicloide en espacio mundial (zero foot skating).
   • Cinématica de Pintura en 3 Fases: (1) Sumergir pincel en un cubo 3D cromado (0.00..0.16), (2) Trazo vertical lineal ascendente a lo largo de una viga 3D (0.16..0.58), (3) Trazo vertical lineal descendente (0.58..1.00) con rotación de muñeca y apertura de cerdas.
5. Renderizar Fotogramas Clave del Storyboard (scripts/capture_frames.mjs).
6. Autoverificar Storyboard (references/11-ship-gates.md): Legibilidad de siluetas, colocación de ojos según regla de tercios, líneas de visión sin obstrucciones.
7. Animar con Easing No Lineal (library/js/easing.js): smootherstep simétrico (glide) para movimientos de cámara, power2Out para desaceleraciones, patadas de impacto de 7 cuadros con inversión de signo para golpes/roturas.
8. Capturar Cuadros y Ensamblar (scripts/stitch.mjs): Captura verdadera a 30.0 FPS sin cuantización (cero cuadros atascados o congelados).
9. QA Final sobre Hoja de Contacto (scripts/contact_sheet.py).
10. Entregar: Reproductor HTML navegable (.html) + 1080×1920 H.264 .mp4.