mohammadshoaib-786786/video-editor

Pixel-Crew Karussell

Beispiel: projects/ai-meta-ads-team. Die Inhalte befinden sich in slides.js (window.DECK); Layouts und Bewegungen in slide.js; Styles in kit/carousel.css.

Schritte

1. node scripts/new.mjs carousel <name>
2. slides.js umschreiben:
   • brand (Name, Slogan, Handle, Keyword) und series (wird in jeder Kopfzeile angezeigt).
   • steps: ein kurzer Name pro Mitarbeiter (im Cover und im unteren Fortschrittsbalken angezeigt).
   • Folientypen: cover, employee (×N), loop, cta. Maximal 10 Folien.
   • Mitarbeiterfelder: color (r1…r7), name, dept, line (ein Satz), prop (magnifier, pencil, wrench, rocket, sliders, chart, chat), status (≤ 24 Zeichen), skills (4 × [icon, title, description], description ≤ 34 Zeichen), tools (4 × ["glyph:infinity" | "icon:<name>", label, colour]), delivers (4 kurze Einträge), flow (3 × [title, description]).
   • Symbole: siehe die Namen in kit/sprites.js (P-Map) und Glyphen wie infinity, camera, note, alien.
3. node scripts/carousel.mjs projects/<name> --png ausführen und die PNGs überprüfen (zwei nebeneinander geht am schnellsten). Überläufe durch Kürzen des Textes beheben, nicht durch Verkleinern der Schrift.
4. node scripts/carousel.mjs projects/<name> für PNG + MP4 in das Verzeichnis renders/<name>/.

Veröffentlichung: Lade die PNGs (oder MP4s für Bewegung) in der richtigen Reihenfolge hoch; füge Musik in der Instagram-App hinzu.