Ilustración de producto tranquila y precisa en isométrico dimétrico 2:1 con líneas finas constantes y asentamientos de muelle.
Este es un estilo de la librería motion-explainer. Entrega las mismas tres cosas que cualquier otro estilo: un manifiesto style.json, un motor Remotion y un motor fframes. Los skills del pipeline (motion-explainer, motion-script, motion-storyboard, motion-build, motion-qa) toman el nombre del estilo como $MOTION_STYLE, por lo que nada más en el flujo de trabajo cambia al elegir este.
Cuándo usarlo
Recurre a este estilo cuando el brief coincida con su ADN a continuación. Lee docs/style-guide.md primero: es la autoridad, este archivo es el índice.
ADN del estilo
- Solo isométrico dimétrico 2:1. Ninguna otra perspectiva.
- Líneas finas constantes de 2.0px a 1080 de ancho, divididas por el zoom actual para que nunca se engrosen.
- Las caras se rellenan de blanco para que un objeto más cercano oculte las líneas de uno más lejano.
- Losas y placas redondeadas con grosor visible, capas apiladas y rejillas de piezas repetidas como teclas, rejillas de ventilación, pilares y puertos.
- Un pequeño acento oscuro por fotograma, nada más. Animación a un fotograma con asentamientos de muelle; por lo demás, estático.
Paleta: fondo #ffffff, silueta y bordes #a4a4ac, líneas interiores y en retroceso #e0e0e4, caras blancas, un acento oscuro #2a2b36
Componentes del kit
Remotion, importable desde ../lib/<archivo> (el kit se sincroniza en el src/lib/ de cada proyecto):
| componente | qué es |
|---|---|
<IsometricGrid> | la tenue rejilla de construcción isométrica |
<IsometricBlock x y w h d color> | una losa con una cara superior, izquierda y derecha en los ángulos 2:1 correctos |
<IsometricBanner text> | la placa de banner con línea fina |
<IsometricCaptions text> | la tira de subtítulos oscura |
Nada hierve en el vacío
docs/style-guide.md contiene los pesos de línea de referencia medidos y la regla del acento. El peso de la línea no es negociable; léelo antes de dibujar.
Motores
| motor | ruta | 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.
Andamiar un episodio
# desde la raíz de la librería, con MOTION_LIB resuelto
./core/new_episode.sh <serie-dir> 01-slug Episode nombre-salida --style isometric --engine remotion
./core/new_episode.sh <serie-dir> 01-slug Episode nombre-salida --style isometric --engine fframes
O nombra el estilo en un archivo SERIES.md / episode.json como "style": "isometric" y deja que motion_style_of lo recoja.
QA para este estilo
Verifica estos puntos en cada hoja de contactos antes de dar por terminada una escena; el resto de la lista de verificación en motion-qa sigue siendo aplicable.
- Cada forma se sitúa en un eje isométrico 2:1; sin perspectiva ni vistas en 3/4.
- El grosor de línea es constante, alrededor de 2px; las caras más cercanas ocultan las líneas más lejanas.
- Las caras son blancas; el fondo es blanco o el fondo oscuro declarado.
- Exactamente un pequeño acento oscuro por fotograma.
- El movimiento es a un fotograma con asentamientos de muelle, no a dos.
Archivos
docs/style-guide.mddocs/style-prompt.mdremotion/CATALOG.mdremotion/AGENT_BRIEF.mdstyle.json: el manifiesto (lienzo, lista de motores, rutas de documentos, raíces de audio)sample.png: un fotograma representativo