Pixel Crew 輪播貼文
範例:projects/ai-meta-ads-team。內容在 slides.js(window.DECK)中;佈局與動畫在 slide.js 中;樣式在 kit/carousel.css 中。
步驟
node scripts/new.mjs carousel <name>- 改寫
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。
node scripts/carousel.mjs projects/<name> --png並檢視 PNG(並列兩張最快)。透過縮短文案(而非縮小字型)修正溢出。node scripts/carousel.mjs projects/<name>產生 PNG + MP4 到renders/<name>/。
發布:依序上傳 PNG(或動畫 MP4);在 Instagram 應用程式中加入音樂。