Ruhige, präzise Produktlinienkunst in 2:1 dimetrischer Isometrie mit konstanten Haarlinien und Federberuhigungen.
Dies ist ein Stil der motion-explainer-Bibliothek. Er liefert dieselben drei Komponenten wie jeder andere Stil: ein style.json-Manifest, eine Remotion-Engine und eine fframes-Engine. Die Pipeline-Skills (motion-explainer, motion-script, motion-storyboard, motion-build, motion-qa) verwenden alle den Stilnamen als $MOTION_STYLE, sodass sich im Workflow durch die Wahl dieses Stils nichts ändert.
Wann man ihn verwendet
Greife zu diesem Stil, wenn die Aufgabenstellung zu seiner unten beschriebenen DNA passt. Lies zuerst docs/style-guide.md: Es ist die maßgebliche Referenz, diese Datei ist nur das Inhaltsverzeichnis.
Stil-DNA
- Nur 2:1 dimetrische Isometrie. Keine andere Perspektive.
- Konstante 2,0-Px-Haarlinien bei 1080 Breite, geteilt durch den aktuellen Zoom, damit sie nie dicker werden.
- Flächen sind weiß gefüllt, sodass ein näheres Objekt die Linien eines weiter entfernten verdeckt.
- Abgerundete Platten und Scheiben mit sichtbarer Dicke, gestapelte Schichten und Gitter aus sich wiederholenden Teilen wie Tasten, Lüftungsschlitzen, Säulen und Anschlüssen.
- Ein kleiner dunkler Akzent pro Bild, nicht mehr. Bewegung auf Einern mit Federberuhigungen, ansonsten statisch.
Palette: Grund #ffffff, Silhouette und Kanten #a4a4ac, innere und zurückweichende Linien #e0e0e4, Flächen weiß, ein dunkler Akzent #2a2b36
Baukasten-Komponenten
Remotion, importierbar aus ../lib/<datei> (der Baukasten wird in jedes Projektverzeichnis unter src/lib/ synchronisiert):
| Komponente | Beschreibung |
|---|---|
<IsometricGrid> | das feine isometrische Konstruktionsraster |
<IsometricBlock x y w h d color> | eine Platte mit einer Oberseite, einer linken und einer rechten Seite in korrekten 2:1-Winkeln |
<IsometricBanner text> | das Haarlinien-Bannerplate |
<IsometricCaptions text> | der dunkle Beschriftungsstreifen |
Nichts kocht im luftleeren Raum
docs/style-guide.md enthält die gemessenen Referenzlinienstärken und die Akzentregel. Die Linienstärke ist nicht verhandelbar; lies sie, bevor du zeichnest.
Engines
| Engine | Pfad | Einstieg |
|---|---|---|
| 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 |
Registrierte Engines: remotion, fframes.
Ein Gerüst für eine Episode erstellen
# vom Bibliotheksstamm aus, mit aufgelöstem MOTION_LIB
./core/new_episode.sh <serien-verz> 01-slug Episode ausgabename --style isometric --engine remotion
./core/new_episode.sh <serien-verz> 01-slug Episode ausgabename --style isometric --engine fframes
Oder benenne den Stil in einer SERIES.md / episode.json als "style": "isometric" und lass motion_style_of ihn aufgreifen.
QA für diesen Stil
Überprüfe diese Punkte auf jedem Kontaktbogen, bevor du eine Szene als fertig erklärst; der Rest der Checkliste in motion-qa gilt weiterhin.
- Jede Form liegt auf einer 2:1-isometrischen Achse; keine Perspektive und keine 3/4-Ansichten.
- Die Linienstärke ist konstant bei etwa 2 Pixeln; nähere Flächen verbergen weiter entfernte Linien.
- Flächen sind weiß; der Grund ist weiß oder der deklarierte dunkle Grund.
- Genau ein kleiner dunkler Akzent pro Bild.
- Bewegung erfolgt auf Einern mit Federberuhigungen, nicht auf Zweiern.
Dateien
docs/style-guide.mddocs/style-prompt.mdremotion/CATALOG.mdremotion/AGENT_BRIEF.mdstyle.json: das Manifest (Leinwand, Engine-Liste, Dokumentationspfade, Audio-Stammverzeichnisse)sample.png: ein repräsentatives Bild