分層美術紙:紙紋理、撕邊、堆疊陰影條、緩慢的鏡頭推進及停格動畫式的紙張沸騰。
這是 motion-explainer 函式庫中的一種風格。它與其他所有風格一樣,包含了三個相同的核心元件:一個 style.json 清單、一個 Remotion 引擎,以及一個 fframes 引擎。管線技能(motion-explainer、motion-script、motion-storyboard、motion-build、motion-qa)皆以 $MOTION_STYLE 環境變數接收風格名稱,因此在選擇此風格時,工作流程中的其他部分無需改變。
使用時機
當簡報的風格與下方的風格DNA相符時,請選用此風格。請先閱讀 docs/style-guide.md:該文件為權威指南,本檔案僅作為索引。
風格DNA
- 每個物體都是平坦的美術紙:單一純色填充、約 10% 強度的細緻紙纖維紋理、略微不規則的剪刀裁切邊緣,以及柔和的投影(x 偏移 0,y 偏移 3-6px,模糊 6-10px,黑色 30%)。無漸層或外框線。
- 陰影由堆疊的紙片構成:一條較暗的底部陰影條和一條較亮的高光條,絕不使用混合或漸層。
- 僅使用正交視角,在手機尺寸下顯得厚實且清晰易讀,光源來自左上角。
- 飽和度需適度使用:採用柔和、帶灰塵感的背景,僅在角色、字幕和狀態信號上使用明亮色彩。
- 世界鏡頭平滑移動;只有橫幅和標籤會以「二格一拍」的步進方式沸騰。
色盤:背景米色 #DACEC0,墨色 #1C1B17,膠帶色 #C3B284,主角色 #D67354,字幕色 #3968AD,標籤色 #C9573C
元件套件
Remotion 版本,可從 ../lib/<file> 匯入(此套件會同步至每個專案的 src/lib/ 目錄中):
| 元件 | 說明 |
|---|---|
<Paper lift torn> | 基礎包裝器:包含紙紋理、粗糙或撕邊 SVG 濾鏡及投影 |
<Slab x y w h color shade hi> | 基本圖元:一個剪紙矩形,包含陰影條、高光條和紙紋理 |
<Disc x y d color> | 圓形剪裁片,用於舷窗、輪子、鉚釘 |
<Pill x y text> | 小型紙標籤晶片 |
<Card x y w h lines> | 帶有規則填補線條的紙卡 |
<PopIn at> | 具有輕微安定傾斜效果的彈簧入場動畫 |
<Backdrop name> | 一個預先準備好的紙佈景,具有已知的 floorY 值 |
<CameraPush> | 世界鏡頭移動 |
<TapeBanner text> | 膠帶貼上的頭條橫幅,每個節拍傳達一個硬事實 |
<WordTagCaptions captions> | 撕裂的標籤字幕,逐字出現,在對應字詞開始時彈出 |
<CutSeries scenes cuts> | 場景集之間的轉場引擎 |
沒有東西是在真空中沸騰的
docs/style-guide.md 中的第 2 章節即為風格DNA。docs/frame-breakdown.md 提供了一個約 28 秒的完整範例;請模仿其事件密度,而非內容。
引擎
| 引擎 | 路徑 | 進入點 |
|---|---|---|
| remotion | remotion/ | template/, kit/, sync_kit.sh, CATALOG.md, AGENT_BRIEF.md |
| fframes | fframes/ | Cargo.toml, src/ (lib, tokens, kit, look, video, main), tools/ff.sh |
已註冊引擎:remotion、fframes。
建立新集數
# 從函式庫根目錄,並已設定 MOTION_LIB 環境變數
./core/new_episode.sh <系列目錄> 01-slug Episode 輸出名稱 --style papercut --engine remotion
./core/new_episode.sh <系列目錄> 01-slug Episode 輸出名稱 --style papercut --engine fframes
或者,將風格名稱寫入系列 SERIES.md 或 episode.json 中的 "style": "papercut",並讓 motion_style_of 函式自動擷取。
此風格的QA
在將場景標記為完成之前,請檢查以下項目於每張連絡表上;motion-qa 中的其餘檢查清單仍然適用。
- 所有元素看起來都像是紙:具有紙紋理、粗糙邊緣、投影、堆疊紙片陰影,無外框線或漸層。
- 世界鏡頭平滑移動;只有橫幅和標籤會沸騰。
- 橫幅以膠帶貼上,包含 3-7 個單字,每個節拍一個事實,絕不重複旁白。
- 字幕是逐個撕裂的標籤,帶有傾斜效果,在對應字詞開始時彈出,位於畫面 68-80% 的區域。
- 每個重音單字都有一個視覺事件,且環境動畫始終運行。
檔案
docs/style-guide.mddocs/style-prompt.mddocs/motion-principles.mddocs/asset-prompts.mddocs/frame-breakdown.mdremotion/CATALOG.mdremotion/AGENT_BRIEF.mdremotion/RECIPES.mdstyle.json:清單(畫布、引擎列表、文件路徑、音訊根目錄)sample.png:一個代表性的幀