# Análise do vídeo de referência: Pixel art

Método Clube do Motion: dissecar o vídeo pronto pra aprender a técnica, não pra copiar. Este vídeo (`referencia.mp4`, vertical 1080x1920 renderizado em 540x960) é o filme de demonstração do estilo; o código que o fez NÃO está aqui. A IA pode olhar o vídeo e esta análise; a cena nova se escreve do zero com as peças desta pasta.

- Duração: 240 quadros = 8.0 s a 30 fps.
- Trilha: trilha/trilha.mp3, 124 bpm (1 batida = 14.5 quadros = 0.48 s).
- Cenas: 6; cortes em 1.5 s, 3.0 s, 4.3 s, 5.6 s, 6.7 s.

## Linha do tempo, segundo a segundo

| tempo | quadros | entrada | peças em cena (pasta/Peça) | sons |
|---|---|---|---|---|
| 0.0 s-1.5 s | 0-46 | nenhuma | tipografia/TituloPixel | whoosh-entra@0.0 s, pop-palavra@0.1 s, pop-palavra@0.3 s, impacto@0.6 s |
| 1.5 s-3.0 s | 46-90 | zoom | formas/HudPlacar, formas/Sprite, tipografia/TituloPixel | whoosh-entra@1.5 s, pop-palavra@1.7 s, pop-palavra@1.9 s |
| 3.0 s-4.3 s | 90-130 | direita | formas/Sprite, formas/CaixaDialogo | whoosh-entra@3.0 s, pop-cartao@3.1 s, tick@3.3 s, tick@3.5 s, tick@3.7 s |
| 4.3 s-5.6 s | 130-168 | esquerda | formas/MenuPixel, formas/Sprite | swoosh@4.3 s, pop-cartao@4.4 s, clique@4.8 s, clique@5.1 s |
| 5.6 s-6.7 s | 168-202 | zoom | texturas/ChuvaDeSprites, tipografia/TituloPixel | subida@5.2 s, impacto@5.7 s, pop-palavra@5.9 s |
| 6.7 s-8.0 s | 202-240 | subir | tipografia/AssinaturaMarca | assinatura@6.8 s, clique@7.5 s |

Fundo, partículas e a câmera valem o vídeo todo (fundo vivo + câmera em perspectiva sempre).

## Cortes e batida

- Corte em 1.5 s (quadro 46): batida 3.17 (NA batida).
- Corte em 3.0 s (quadro 90): batida 6.20 (fora da batida: corte na voz ou no gesto).
- Corte em 4.3 s (quadro 130): batida 8.96 (NA batida).
- Corte em 5.6 s (quadro 168): batida 11.57 (fora da batida: corte na voz ou no gesto).
- Corte em 6.7 s (quadro 202): batida 13.92 (NA batida).

## Câmera

A câmera deste estilo é a peça `camera/Camera` (ver o código da peça): ela dá o empurrão nos cortes e uma deriva contínua. No material novo, `camera/CameraDeriva` (chaves {em, z, x, y, giro}) acrescenta o controle por chaves.

## Números de easing e tempos

- `e5 = (t: number) => 1 - Math.pow(1 - c01(t), 5);`
- `mola = (t: number, s = 2.2) => { const x = c01(t) - 1; return x * x * ((s + 1) * x + s) + 1; };`

Movimentos medidos no estilo:

| movimento | quadros | valores |
|---|---|---|
| título cai | 10 | de −520 px com escala 1,25 até 1, mola 2,2; uma linha a cada 6 quadros |
| sprite nasce | 9 | escala 0 → 1 com mola; depois pula: |sen(t/7,2)| × 3,2 × escala |
| caixa de diálogo | 9 + 1 letra/1,5 q | escala 0 → 1 pela base; ▼ pisca a cada 8 quadros |
| menu | 9 por item | entra 1100 px da esquerda, 4 quadros entre itens; seta troca a cada 10 q |
| HUD | 9 | desce 300 px; pontos sobem em 30 quadros de 100 em 100 |
| chuva | contínuo | velocidade 14–28 px/quadro, balanço ±30 px |
| câmera | contínuo | zoom 1,02 ± 0,012, deriva ±14 × ±10 px, soco 0,035 |

## Ritmo

- Trilha a **124 bpm**: 1 batida = **14.52 quadros** (0.48 s). Corte em múltiplos de batida (7, 15, 29 quadros).
| batida | duração s | quadros |
|---|---|---|
| gancho | 1.3–2.5 | 40–75 |
| virada | 1.3–3.0 | 40–90 |
| problema | 1.3–3.3 | 40–100 |
| lista | 1.2–2.5 | 36–75 |
| data | 1.0–2.3 | 30–70 |

## Som

- Trilha: `assets/trilha/trilha.mp3` (8,7 s, 124 bpm, preset MotionCraft `tech-bright`), volume **0,5**, fade de saída nos últimos 20 quadros. Com narração: 0,25.
- Efeitos sintetizados (pacote `digital-soft`):
| som | volume | quando |
|---|---|---|
| `whoosh-entra` | 0,9 | entrada de cena (−1 quadro) |
| `pop-palavra` | 1,0 | título que cai, sprite que nasce |
| `pop-cartao` | 0,9 | caixa/menu que abre |
| `tick` | 0,6 | cada 2 letras do diálogo |
| `clique` | 0,8 | seta do menu muda |
| `impacto` | 0,9 | a palavra grande do gancho |

## Técnicas pra levar (o que se vê nos quadros 1 a 4)

- Composição: título no meio do quadro com blocos de nuvem e chão de tijolos na base; HUD de pontos e fase no topo num dos quadros.
- Profundidade: nenhuma; pixel art plana de plataforma, sem sombra suave, grade de pixels visível.
- Densidade: média. Título, personagem quadrado amarelo e itens (cogumelo, bloco amarelo) por quadro.
- Tipografia: fonte pixel pesada de 8 bits com contorno, amarela e branca; menu com seta '▶' e caixas azul-escuras ('4 MUNDOS', 'CO-OP').
- Cor: céu azul, grama verde, tijolo laranja, amarelo e vermelho puros; moldura azul-marinho.
- Movimento: o personagem aparece pulando, o título entra em degraus (passos de pixel) e o HUD pisca; passos discretos, sem suavização.