mohammadshoaib-786786/video-editor

Pixel Crew カルーセル

サンプル: projects/ai-meta-ads-team。コンテンツは slides.js (window.DECK) に、レイアウトとモーションは slide.js に、スタイルは kit/carousel.css にあります。

手順

1. node scripts/new.mjs carousel <name>
2. slides.js を書き換える:
   • brand (名前、タグライン、ハンドル、キーワード) と series (各ヘッダーに表示)。
   • steps: 従業員ごとの短いラベル (カバーと下部ステッパーに表示)。
   • スライドタイプ: cover、employee (×N)、loop、cta。10スライド以内に保つ。
   • Employeeフィールド: color (r1…r7)、name、dept、line (1文)、prop (magnifier、pencil、wrench、rocket、sliders、chart、chat)、status (24文字以内)、skills (4 × [icon, title, description]、descriptionは34文字以内)、tools (4 × ["glyph:infinity" | "icon:<name>", label, colour])、delivers (4つの短い項目)、flow (3 × [title, description])。
   • アイコン: kit/sprites.js (P マップ) の名前とグリフ infinity、camera、note、alien を参照。
3. node scripts/carousel.mjs projects/<name> --png を実行し、PNGを確認する (2枚並べて見るのが最も速い)。コピーを短縮してオーバーフローを修正し、フォントサイズは縮小しない。
4. node scripts/carousel.mjs projects/<name> でPNG + MP4を renders/<name>/ に出力。

投稿: PNG (またはアニメーションの場合はMP4) を順番にアップロードし、Instagramアプリで音楽を追加する。