重ねられた折り紙:紙の質感、破れたエッジ、積み重なった影のストリップ、ゆっくりとしたカメラのプッシュ、そしてストップモーションの紙のゆらぎ。
これはモーション解説ライブラリのスタイルの一つです。すべてのスタイルに共通して、style.jsonマニフェスト、Remotionエンジン、fframesエンジンの3つが含まれています。パイプラインスキル(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%黒)。グラデーションや輪郭線はなし。
- 陰影は切り抜きを重ねて表現:暗い下部ストリップと明るいハイライトストリップ。ブレンドは行わない。
- オーソグラフィック(正投影)ビューのみ。電話サイズでも見やすく、がっしりとしたスタイル。光源は左上。
- 彩度は控えめに使用:くすんだ落ち着いた背景、鮮やかな色はキャラクター、キャプション、状態信号のみ。
- ワールドカメラはスムーズに動く。バナーとラベルのみがゆらぎ、2コマごとにステップする。
パレット:クリーム #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> | テープで留められた見出しバナー、ビートごとに1つの重要な事実 |
<WordTagCaptions captions> | 破れたタグのキャプション、単語ごとに1つ、オンセットでポップイン |
<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 <series-dir> 01-slug Episode out-name --style papercut --engine remotion
./core/new_episode.sh <series-dir> 01-slug Episode out-name --style papercut --engine fframes
または、シリーズの SERIES.md / episode.json で "style": "papercut" を指定し、motion_style_of に自動認識させることもできます。
このスタイルのQA
シーンが完了したと見なす前に、すべてのコンタクトシートで以下の点を確認してください。motion-qa のその他のチェックリストも引き続き適用されます。
- すべてが紙として認識されること:紙の質感、粗いエッジ、ドロップシャドウ、積み重ねたパーツの陰影、輪郭線やグラデーションがないこと。
- ワールドカメラはスムーズに動くこと。バナーとラベルのみがゆらぐこと。
- バナーはテープで留められ、3~7単語、ビートごとに1つの事実、ナレーションを繰り返さないこと。
- キャプションは単語ごとに1つの破れたタグ、傾き、オンセットでポップイン、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:代表的なフレーム1枚