Dessin technique de produit calme et précis en isométrie dimétrique 2:1 avec des traits fins constants et des amortissements élastiques.
Ce style fait partie de la bibliothèque motion-explainer. Il fournit les trois mêmes éléments que tous les autres styles : un manifeste style.json, un moteur Remotion et un moteur fframes. Les compétences du pipeline (motion-explainer, motion-script, motion-storyboard, motion-build, motion-qa) utilisent toutes le nom du style comme $MOTION_STYLE, donc rien d'autre ne change dans le flux de travail lorsque vous choisissez celui-ci.
Quand l'utiliser
Utilisez ce style lorsque le brief correspond à son ADN ci-dessous. Lisez d'abord docs/style-guide.md : c'est l'autorité, ce fichier est l'index.
ADN du style
- Isométrie dimétrique 2:1 uniquement. Pas d'autre perspective.
- Traits fins constants de 2,0 px pour une largeur de 1080, divisés par le zoom actuel afin qu'ils ne s'épaississent jamais.
- Les faces sont remplies de blanc, de sorte qu'un objet plus proche masque les lignes d'un objet plus éloigné.
- Plaques et dalles arrondies avec épaisseur visible, couches empilées et grilles de pièces répétées (touches, évents, piliers, ports).
- Un petit accent sombre par image, rien de plus. Animation image par image avec amortissements élastiques, sinon immobile.
Palette : fond #ffffff, silhouette et bords #a4a4ac, lignes intérieures et fuyantes #e0e0e4, faces blanches, un accent sombre #2a2b36
Composants du kit
Remotion, importables depuis ../lib/<fichier> (le kit est synchronisé dans src/lib/ de chaque projet) :
| composant | description |
|---|---|
<IsometricGrid> | la grille de construction isométrique légère |
<IsometricBlock x y w h d color> | une dalle avec une face supérieure, une face gauche et une face droite aux angles 2:1 corrects |
<IsometricBanner text> | la plaque bannière aux traits fins |
<IsometricCaptions text> | la bande de légende sombre |
Rien ne bout dans le vide
docs/style-guide.md contient les épaisseurs de référence mesurées et la règle de l'accent. L'épaisseur des traits est non négociable ; lisez-le avant de dessiner.
Moteurs
| moteur | chemin | point d'entrée |
|---|---|---|
| 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 |
Moteurs enregistrés : remotion, fframes.
Créer un épisode
# depuis la racine de la bibliothèque, avec MOTION_LIB résolue
./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 nommez le style dans un fichier SERIES.md / episode.json comme "style": "isometric" et laissez motion_style_of le prendre en charge.
QA pour ce style
Vérifiez ces points sur chaque planche contact avant de déclarer une scène terminée ; le reste de la liste de contrôle dans motion-qa s'applique toujours.
- Chaque forme repose sur un axe isométrique 2:1 ; pas de perspective ni de vues 3/4.
- L'épaisseur des traits est constante, environ 2 px ; les faces avant masquent les lignes arrière.
- Les faces sont blanches ; le fond est blanc ou le fond sombre déclaré.
- Exactement un petit accent sombre par image.
- L'animation est image par image avec amortissements élastiques, pas en deux images.
Fichiers
docs/style-guide.mddocs/style-prompt.mdremotion/CATALOG.mdremotion/AGENT_BRIEF.mdstyle.json: le manifeste (toile, liste des moteurs, chemins des documents, racines audio)sample.png: une image représentative