# Remotion – Szenen aus Figuren-Grafiken Animiert die freigestellten Figuren (Pino, Noa, Lulu) per Code, ohne Higgsfield-Clips. Erster Test: `LaterneTest` (14 s, Abendspaziergang mit Noas Laterne, ohne Ton). ## Aufbau | Pfad | Inhalt | | --- | --- | | `public/figuren/` | freigestellte PNGs der Figuren | | `src/figuren.ts` | Bildmaße, Augenpositionen (fürs Blinzeln), Noas Hand | | `src/teile/Figur.tsx` | Figur an den Füßen verankert: verschieben, drehen, stauchen, blinzeln | | `src/teile/Laterne.tsx` | Laternenstab mit pendelnder Papierlaterne | | `src/teile/Abendhuegel.tsx` | Hintergrund in Aquarell-Optik (SVG), Vordergrund, Papierstruktur | | `src/szenen/LaterneTest.tsx` | die Testszene mit Zeitplan | ## Benutzen ```bash npm install npx remotion studio # Vorschau im Browser npx remotion render src/index.ts LaterneTest /shared/youtube/tests/laterne-test.mp4 ``` Fertige Videos gehören nach `/shared/youtube/`, nicht ins Git. Im VPS-Container fehlen Chrome einige Systembibliotheken. Sie liegen ohne Root-Rechte unter `~/.local/chrome-libs` (Debian-Pakete, nur entpackt) und werden so eingebunden: ```bash export LD_LIBRARY_PATH=$HOME/.local/chrome-libs/root/usr/lib/x86_64-linux-gnu ``` ## Figuren freistellen Mit `rembg` (Modell `isnet-general-use`), danach Maske härten, nur die größte Fläche behalten, Rand um 2 px einziehen (sonst heller Saum vor dunklem Hintergrund). Am besten funktionieren Einzelbilder vor hellem Papier. ## Körperteil-Masken (Rig) `werkzeuge/rig.py` zerlegt jede Figur in Körperteile und erzeugt: | Pfad | Inhalt | | --- | --- | | `public/figuren//teile/.png` | harte Maske, genau an der Kontur | | `public/figuren//einfluss/.png` | weiche Maske für die Verformung: Teil + alles, was daran hängt, weicher Übergang am Gelenk, reicht über die Kontur hinaus | | `public/figuren//uebersicht.png` | alle Teile farbig, zum Prüfen | | `src/rigs.ts` | Gelenkpunkte und Hierarchie (automatisch erzeugt) | Teile: Lulu – kopf, hals, ohr_links/rechts, horn_links/rechts, rumpf, bein_vorne_links/rechts, bein_hinten_links/rechts, schwanz, schal_schlinge, schal_ende, schal_boden. Pino – koerper, kopf, ohr_links/rechts, bauch, arm_links/rechts, fuss_links/rechts, muetze, bommel. Noa – kopf, zopf_links/rechts, rumpf, arm_links/rechts, hand_links/rechts, bein_links/rechts, stiefel_links/rechts. Zuordnung: Accessoires über ihre Farbe, alles andere über Kernflächen pro Teil, die bis zur Kontur wachsen – nur innerhalb der Figur, also nie über Lücken (Schwanz ↔ Bein). Neue Figur oder neues Bild: Skelett und Flächen in `rig.py` eintragen, dann ```bash python3 werkzeuge/rig.py # braucht numpy, scipy, pillow ``` und `uebersicht.png` prüfen. In einer Szene: `gelenk('lulu', 'hals', grad)` (siehe `src/szenen/VerformTest.tsx`). ## Bekannte Grenzen - Die Figuren haben nur die Pose ihres Bildes. Neue Posen brauchen ein neues Bild (z. B. aus Gemini). - Die SVG-Filter im Hintergrund werden pro Frame neu berechnet und machen das Rendern langsam. Für lange Folgen die Hintergrund-Ebenen einmal als PNG vorberechnen.