stickman-animation

Skill de Animação de Boneco Palito (animation-skill-main)

Gere animações determinísticas de bonecos palito 2D/3D em estilo estúdio (1080×1920 vertical 9:16 a 30.0 FPS). Renderiza via HTML5 Canvas + WebGL2 / Three.js sem etapa de bundle, captura quadros determinísticos via Chromium headless (window.seekToFrame(f)) e monta em MP4 usando ffmpeg.

O Pipeline de Produção em 10 Etapas

1. Interpretar e Inferir Parâmetros: 1080×1920 (9:16 vertical), 30.0 FPS, busca determinística de quadros.
2. Estrutura de Cenas e Fórmula de Retenção para Formato Curto:
   • Gancho (0–3s): Ação visual imediata + paradoxo apresentado como fato.
   • Configuração e Escala: Mudança visual ou reenquadramento de câmera a cada 1.5–2.5s (alternância de planos A-B-A-C).
   • A Virada / Ciência: 5 demonstrações físicas de corte ou analogia distintas e não repetitivas (nunca repetir o mesmo diagrama duas vezes).
   • Clímax e Recompensa: Reversão emocional/irônica e grande afastamento de câmera (crane pull-back).
3. Decompor em Planos (story.json / timeline.js): Cada plano define pos da câmera, look, fov, focusDist, dofStrength e poses dos atores.
4. Montar Assets (library/js/rig.js):
   • Regra rígida: Sempre usar membros articulados retos de 2 ossos (solveIK([ombro, cotovelo, mão]) e solveIK([quadril, joelho, pé])) — nunca braços de macarrão curvos.
   • Locomoção Cicloide Plantada: O pé de apoio permanece fixo na coordenada 3D do chão enquanto o pé em movimento segue um arco cicloide no espaço-mundo (zero deslizamento do pé).
   • Cinema de Pintura em 3 Fases: (1) Mergulhar pincel no balde de cromo 3D (0.00..0.16), (2) Pincelada vertical linear ascendente ao longo da viga 3D (0.16..0.58), (3) Pincelada vertical linear descendente (0.58..1.00) com rotação do pulso e inversão da abertura das cerdas.
5. Renderizar Keyframes do Storyboard (scripts/capture_frames.mjs).
6. Auto-Checar Storyboard (references/11-ship-gates.md): Legibilidade de silhueta, posicionamento dos olhos na regra dos terços, linhas de visão desobstruídas.
7. Animar com Easing Não Linear (library/js/easing.js): smootherstep simétrico (glide) para movimentos de câmera, power2Out para desacelerações, chutes de impacto de 7 quadros com inversão de sinal para batidas/estouros.
8. Capturar Quadros e Montar (scripts/stitch.mjs): Captura verdadeira de 30.0 FPS sem quantização (zero quadros travados ou congelados).
9. QA Final na Folha de Contato (scripts/contact_sheet.py).
10. Entregar: Player .html buscável + 1080×1920 H.264 .mp4.