---
slug: pontos-3d
nome: Campo de pontos
descricao: azul-elétrico chapado, milhares de pontos brancos em 3D que viram grade, esfera, cubo e até letras, com rótulos técnicos em mono
familia: 3D e abstrato
versao: 1
quando:
  - "vídeo de produto de dados, IA, mapas ou infraestrutura"
  - "lançamento tecnológico com número grande e contador"
  - "reels de startup, hackathon ou palestra técnica"
  - "abertura com cara de visualização de dados e ciência"
  - "anúncio minimalista, sem foto, só forma e número"
nao_serve:
  - "vídeo caloroso, de comida, moda ou festa (use aquarela, adesivos ou ugc-reels)"
  - "clima luxuoso ou cromado (use metal-liquido)"
---

# Campo de pontos

Um azul-elétrico chapado (`#1237FF`) e **só pontos brancos**: 900 pontos em perspectiva real que formam uma **grade ondulando, uma esfera, um cubo ou um anel** e se transformam de um no outro (cada ponto sai do seu lugar com atraso próprio). Palavras também são feitas de pontos: o nome do produto se monta a partir de uma nuvem solta. Os números são contadores em JetBrains Mono, os rótulos são etiquetas técnicas com linha e anel apontando para um ponto, e os títulos são Sora 800. Uns poucos pontos laranja `#FF5A36` quebram o branco. A câmera avança devagar e a nuvem nunca para de girar.

## Como montar um vídeo com este kit

1. **Leia o pedido e o roteiro.** Corte cada fala em frases curtas. Uma frase = uma cena.
2. **Escolha as batidas** em `receita.json` (gancho → virada → prova → data → marca). Cada batida diz quanto dura e quais elementos servem.
3. **Escreva o plano de cenas** (`plano.json`, mesmo formato de `exemplos/plano.json`): para cada cena, `de`/`ate` em quadros, a `entrada`, as `camadas` (elemento + props) e os `sons`. Os cortes seguem a voz (se houver) ou a batida da trilha: 1 batida = 15 quadros.
4. **Renderize** com `<Montagem plano={...} arquivos={...} />` ou escreva o TSX direto combinando `Fundo`, `Camera`, `Cena` e os elementos (tudo sai de `elementos/index.ts`).
5. **Confira** os quadros (um por cena) contra `regras/`: área segura, nada cortado, um herói por cena, nenhum quadro parado.

## Elementos

| elemento | o que faz | batidas |
|---|---|---|
| `NuvemDePontos` | 900 pontos 3D em perspectiva que viram grade, esfera, cubo, anel ou onda | gancho, prova |
| `TextoDePontos` | palavra feita de pontos que voam de uma nuvem solta até as letras | virada, marca |
| `TituloSora` | título em Sora 800 que sobe de máscara, com cursor laranja | virada, prova, data |
| `Contador` | número gigante em mono que conta de 0 ao valor, com legenda | prova |
| `RotuloPonto` | etiqueta técnica em mono com linha e anel apontando para um ponto | apoio de qualquer batida |
| `AssinaturaMarca` | logo + nome em pontos + endereço em mono | marca |
| `Fundo`, `Camera`, `Cena` | azul-elétrico com cruzes tênues que andam na diagonal e vinheta escura | todas |
| `Efeito`, `Trilha` | sons e trilha do kit | todas |

## Proibido

- Qualquer cor além de azul, branco e o laranja de destaque (máx. 1 ponto em 12 laranja).
- Pontos menores que 5 px ou nuvem com menos de 600 pontos: ela precisa ter corpo.
- Linhas, malhas ou conexões entre pontos: o estilo é só ponto.
- Glow, sombra ou degradê; a profundidade vem do tamanho e da opacidade do ponto.
- Mais de 1 herói + 1 apoio por cena; margem menor que 96 px; nuvem encostando na borda.
- Nuvem parada: ela sempre gira (1,1°/quadro) e a câmera sempre avança.
- Texto fora da área segura (168–1330 px na vertical, 96 px nas laterais).