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 <이름>
2. slides.js 재작성:
   • brand (이름, 태그라인, 핸들, 키워드) 및 series (모든 헤더에 표시).
   • steps: 각 직원의 짧은 라벨 (커버 및 하단 스테퍼에 표시).
   • 슬라이드 유형: cover, employee (×N), loop, cta. 10슬라이드 이하 유지.
   • 직원 필드: color (r1…r7), name, dept, line (한 문장), 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/<이름> --png 실행 후 PNG 확인 (두 개를 나란히 보는 것이 가장 빠름). 오버플로우는 글꼴 크기를 줄이는 대신 텍스트를 줄여 해결.
4. node scripts/carousel.mjs projects/<이름> 실행하여 PNG + MP4를 renders/<이름>/에 생성.

게시: 순서대로 PNG(또는 움직임이 있는 경우 MP4)를 업로드하고, 인스타그램 앱에서 음악을 추가하세요.