Stickman Shorts
使用 Remotion 製作的扁平 2D 動畫影片,以 SVG React 元件呈現,支援任何長寬比。
- **內建格式:**直式(1080×1920,30 fps)火柴人「You Decide」故事短影片。每段約 75–90 秒, 以第二人稱(「你…」)敘述,結尾提供 A/B 選項讓觀眾投票;下一段開頭會說 「大部分的人說…」並跟隨勝出路線。
- **任何其他格式:**提供範例影片,它會重建該格式(佈局、節奏、字幕、音效)
並搭配原創內容。請參閱
references/CLONE-ANY-VIDEO.md和references/FORMATS.md。
0. 尋找或設定引擎
引擎是來自 https://github.com/SyedBahjat/claude-stickman-shorts 的 Remotion 專案。
- 如果工作目錄中有
src/kit/Stick.tsx,表示你已在引擎中。直接使用它。 - 否則詢問要在哪裡建立專案,然後執行:
git clone https://github.com/SyedBahjat/claude-stickman-shorts <資料夾> && cd <資料夾> && npm install - 需要 Node 18+、PATH 中的 ffmpeg、Python 3(搭配
pip install -r requirements.txt安裝 numpy、scipy)用於音效和 參考分析器,以及一個 TTS(請參閱references/AUDIO.md;VoiceStudio 是免費且本機的)。 - 快速測試:
npx remotion still src/index.ts FreshCo-P2B out/test.png --frame=300,然後查看 PNG。
1. 選擇工作
| 使用者想要… | 執行此操作 |
|---|---|
| 根據一個點子製作新系列 | 提出 3 個故事大綱 → 在 stories/<故事>/script.md 中撰寫整個分支季度(references/STORY.md)→ 建立第 1 集 |
| 下一集(「人們選擇了 B」) | 讀取 stories/<故事>/script.md + continuity.md,為該路徑建立第 N 集,開頭使用 MostOfYouSaid |
| 複製範例影片(任何類型) | references/CLONE-ANY-VIDEO.md:分析它、分類它、匹配外觀和音效,撰寫原創內容 |
| 不同類型的影片(解說、前五名、測驗、聊天故事、橫向…) | references/FORMATS.md → 從 src/templates/Starter.tsx 開始(--props='{"format":"horizontal"}') |
| 更改語音 / 音效 | references/AUDIO.md |
2. 建立(詳細內容請見 references/WORKFLOW.md)
- 鏡頭表 + 台詞 TSV → 使用者批准劇本和 A/B 選項。
- 語音:
node scripts/voiceover.mjs <名稱> "<台詞>" --voice <ID> --trim --loud -16(或--from <wav>)。 轉錄每一句台詞以檢查文字。 - 複製
src/stories/中最接近的劇集(從src/stories/freshco/FreshCoP2B.tsx開始),替換 時間軸(LEN、SHOTS、CAPS、SFX),在src/Root.tsx中註冊它,然後執行npm run typecheck。 - 在每個關鍵節拍渲染靜止畫面,並渲染每個移動鏡頭的幀條。先仔細查看它們再進行渲染。
npx remotion render src/index.ts <ID> out/raw.mp4 --concurrency=6,然後 loudnorm 至 −17 LUFS。- 交付 MP4 檔案,並附上標題、描述(包含 A/B 問題和「留言 A 或 B」)以及標籤 用於 YouTube Shorts / TikTok / Reels。
3. 最重要的規則(適用於自家風格;克隆的格式則遵循參考)
- **外觀:**嚴格遵循
references/STYLE.md:暗淡的深色調色板、墨水輪廓、點狀眼睛、沒有嘴巴, 身分 = 身體顏色 + 一個配件,觀看者的角色YOU始終戴著紅色臂章。 - **故事:**第二人稱、短句、編號規則、一個懸念揭露、一個真正困難的 A/B 選擇。
- **動畫:**平穩的直立行走(由距離驅動,沒有腳滑動),雙手透過
reach目標觸碰物品, 道具放在holdF/holdB中,硬切接緩慢推近。 - **語音:**永遠不要對台詞進行時間拉伸或靜音壓縮(聽起來會破碎),永遠不要使用「廣播」效果, 角色聽起來要明顯與旁白不同。
- **混音:**語音 −16 LUFS,背景音樂使用
makeDuck進行音量閃避,最終 −17 LUFS。所有音效/音樂都在scripts/audio/中合成,因此不會有版權問題。 - **報告前:**查看靜止畫面和幀條;絕不自動在使用者的機器上播放音訊。
- 不要在影片中植入「按讚訂閱」的要求;把它們放在描述中。
參考資料
references/STYLE.md:調色板、角色、場景、HUD、字幕、卡片、鏡頭references/STORY.md:段落結構、寫作規則、鏡頭表、分支references/AUDIO.md:TTS 選項、擬真人聲、音效列表、混音電平references/WORKFLOW.md:程式碼佈局、骨架 API、動畫規則、渲染與最終檢查清單references/CLONE-ANY-VIDEO.md:重建任何範例影片的格式references/FORMATS.md:12 種常見影片格式的節拍結構和建置說明