---
slug: pixel
nome: Pixel art
descricao: céu azul de 8 bits, Press Start 2P gigante com sombra dura, sprites, caixa de RPG, HUD de fliperama e moldura de tela
familia: Retrô
versao: 1
quando:
  - "vídeo de lançamento de jogo ou app gamificado"
  - "anúncio divertido com cara de videogame antigo"
  - "convite de evento gamer, campeonato ou live"
  - "quero pixel art, 8 bits, retrô de fliperama"
  - "reels com placar, fases e contagem de pontos"
nao_serve:
  - "vídeo sério, institucional ou premium (use apple-tipografico)"
  - "fotos reais como protagonista (o estilo vive de sprites e texto)"
---

# Pixel art

Um jogo de 8 bits em tela cheia. O chão é um céu azul `#29ADFF` com nuvens de pixel e um chão de blocos que rola; tudo o que se mexe anda em **passos de 3 quadros** (10 posições por segundo), nunca liso. Os títulos são Press Start 2P gigante, contornados em azul-noite com sombra dura. Sprites desenhados por grade de texto pulam, caixas de RPG digitam, um HUD conta pontos e a **moldura de fliperama** (borda de pixel com cantos em degrau) cobre todo plano. A paleta é curta (PICO-8, 9 cores) e nada usa degradê.

## Como montar um vídeo com este kit

1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas (1 a 4 palavras). Uma frase = uma cena de 0,6 a 1,5 s.
2. **Escolha as batidas** em `receita.json` (gancho → virada → problema → lista → data → marca). Cada batida diz a duração e os elementos que servem.
3. **Escreva o plano de cenas** (`plano.json`, mesmo formato de `exemplos/plano.json`): `de`/`ate` em quadros, `entrada`, `camadas` (elemento + props) e `sons`. 1 batida da trilha = 14.52 quadros.
4. **Renderize** com `<Montagem plano={...} arquivos={...} />` ou combine `Fundo`, `Camera`, `Cena` e os elementos (tudo sai de `elementos/index.ts`).
5. **Confira** um quadro por cena contra `regras/`: área segura, herói grande, nada parado, nada cortado.

## Elementos

| elemento | o que faz | batidas |
|---|---|---|
| `TituloPixel` | 1–3 linhas gigantes que caem em passos e quicam, com contorno e sombra dura | gancho, data, marca |
| `Sprite` | personagem/item em pixel art (bloco, moeda, coração, estrela, foguete, cogumelo) que pula ou flutua | virada, marca |
| `CaixaDialogo` | caixa de RPG com borda em 3 camadas, nome e texto digitando | problema, virada |
| `HudPlacar` | faixa de HUD: pontos que sobem, vidas e fase | virada, prova |
| `MenuPixel` | menu de início com seta ► que pula de item em item | lista |
| `ChuvaDeSprites` | chuva de moedas/estrelas/corações por toda a tela | data, oferta |
| `AssinaturaMarca` | tela de título final: logo em blocos, personagem e PRESS START piscando | marca (sempre a última) |
| `Fundo`, `Overlay`, `Camera`, `Cena` | céu que rola, moldura de fliperama, câmera e janela de cada plano | todas |
| `Efeito`, `Trilha` | sons e trilha do kit | todas |

## Proibido

- Movimento liso: tudo anda em passos de 3 quadros (PASSO em `base.ts`).
- Degradê, sombra suave, blur, brilho em letra. Sombra é sempre dura e de cor chapada.
- Mais de 9 cores: só a paleta de `regras/cor.md`.
- Fonte que não seja Press Start 2P (títulos) ou VT323 (texto).
- Fotos reais, ícones vetoriais lisos ou emoji: tudo é pixel desenhado em grade.
- Texto fora da área segura (168–1330 px na vertical, 80 px nas laterais).
- Fundo escuro vazio com sprite pequeno no meio: sprite herói tem 18–40 px por pixel (≥ 40% da largura).