Ilustração calma e precisa de produto, em isométrico dimétrico 2:1, com linhas finas constantes e suavização elástica (spring settles).
Este é um dos estilos da biblioteca motion-explainer. Ele fornece as mesmas três coisas que todos os estilos: um manifesto style.json, um motor Remotion e um motor fframes. Os skills de pipeline (motion-explainer, motion-script, motion-storyboard, motion-build, motion-qa) usam o nome do estilo como $MOTION_STYLE, portanto nada muda no fluxo de trabalho ao escolher este.
Quando usar
Recorra a este estilo quando o briefing corresponder ao seu DNA abaixo. Leia docs/style-guide.md primeiro: ele é a autoridade, este arquivo é o índice.
DNA do estilo
- Apenas isométrico dimétrico 2:1. Nenhuma outra perspectiva.
- Linhas finas constantes de 2.0px na largura 1080, divididas pelo zoom atual para que nunca engrossem.
- Faces preenchidas de branco para que um objeto mais próximo oculte as linhas de um mais distante.
- Placas e lâminas arredondadas com espessura visível, camadas empilhadas e grades de partes repetidas, como teclas, aberturas de ventilação, pilares e portas.
- Um pequeno acento escuro por quadro, nada mais. Movimento quadro a quadro com suavização elástica, caso contrário parado.
Paleta: fundo #ffffff, silhueta e bordas #a4a4ac, linhas internas e recuadas #e0e0e4, faces brancas, um acento escuro #2a2b36
Componentes do kit
Remotion, importáveis de ../lib/<arquivo> (o kit é sincronizado em src/lib/ de cada projeto):
| componente | o que é |
|---|---|
<IsometricGrid> | a grade isométrica de construção, suave |
<IsometricBlock x y w h d color> | uma placa com face superior, esquerda e direita nos ângulos 2:1 corretos |
<IsometricBanner text> | a placa de faixa com linha fina |
<IsometricCaptions text> | a faixa de legenda escura |
Nada ferve no vácuo
O arquivo docs/style-guide.md contém as espessuras de linha de referência medidas e a regra do acento. A espessura da linha não é negociável; leia-o antes de desenhar.
Motores
| motor | caminho | entrada |
|---|---|---|
| remotion | remotion/ | template/, kit/, sync_kit.sh, CATALOG.md, AGENT_BRIEF.md |
| fframes | fframes/ | Cargo.toml, src/ (lib, tokens, kit, look, video, main), tools/ff.sh |
Motores registrados: remotion, fframes.
Scaffold de um episódio
# a partir da raiz da biblioteca, com MOTION_LIB resolvido
./core/new_episode.sh <series-dir> 01-slug Episode out-name --style isometric --engine remotion
./core/new_episode.sh <series-dir> 01-slug Episode out-name --style isometric --engine fframes
Ou nomeie o estilo em uma SERIES.md / episode.json como "style": "isometric" e deixe motion_style_of capturá-lo.
QA para este estilo
Verifique estes itens em cada folha de contato antes de considerar uma cena finalizada; o restante da lista de verificação em motion-qa ainda se aplica.
- Cada forma está em um eixo isométrico 2:1; sem perspectiva e sem vistas 3/4.
- A espessura da linha é constante em cerca de 2px; faces mais próximas ocultam linhas mais distantes.
- As faces são brancas; o fundo é branco ou o fundo escuro declarado.
- Exatamente um pequeno acento escuro por quadro.
- O movimento é quadro a quadro com suavização elástica, não em pares de quadros.
Arquivos
docs/style-guide.mddocs/style-prompt.mdremotion/CATALOG.mdremotion/AGENT_BRIEF.mdstyle.json: o manifesto (canvas, lista de motores, caminhos de docs, raízes de áudio)sample.png: um quadro representativo