bsnegi008/ten-video-styles

10の動画スタイル

同じ被写体を、コードでレンダリングした動画の中で10種類の明確に異なるアートスタイルに見せるためのレシピ集です。スタイルとは単なる色の変更ではありません。それぞれのスタイルは独自の幾何学、テクスチャ、モーション、フォントを持ちます。もしシーンのフレームがフラットなベクターアートと誤認される可能性があれば、そのスタイルはまだ完成していません。

使用方法

1. 次の3つを尋ねる（または推測する）：被写体（例：オートリキシャ）、スタイル（下記10個のうち1つ）、フォーマット（デフォルト1080x1920、30 fps）。
2. 被写体を1度だけ、プレーンなポリゴン＋円（点のリスト、曲線なし）として描画します。以下のすべてのスタイルは、その同じ点データを再レンダリングするため、被写体はスタイル間で認識可能なままです。
3. 選択したスタイルのレシピに従ってシーンを構築します：背景、被写体の処理、モーション、フォント。
4. シーンごとに1枚の静止画をレンダリングし、フルレンダリングの前に確認します。修正してからフルレンダリングします。

ユーザーが入力できるプロンプトの形式： [被写体] のビデオを作って、[スタイル名] スタイルで + ムード + カメラ + 目的。

すべてのスタイルに共通のルール

• 被写体はフレームの中央60%に配置します。テキストは上部220 pxと下部380 px（リールUIがカバーする領域）に配置しないでください。
• タイトルにはそのスタイルに属するフォント（各スタイルに記載）を使用します。フォントはローカルファイルとして読み込み、システムのデフォルトに依存しないでください。
• 背景は動く必要があります（スクロールする道路、パララックス、グリッド）。これにより、被写体が中央に留まっていても、移動しているように感じられます。
• すべてのSVGフィルタに一意のIDを付けてください。複数のスタイルが1つの画面に共有されることがあります。
• 重いSVGフィルタは、シーンが縮小されたとき（サムネイル）に破損します。これらを除外するminiモードを提供してください。

10のレシピ

1. ピクセルアート - 「昔のビデオゲームみたい」

• 見た目： ごつごつした正方形のピクセル、硬い暗い輪郭、明るいフラットな色。
• 方法： シーンを通常通り描画し、その後SVGフィルタでグループ全体をピクセル化します：feFlood（2x2 px、オフセット5,5）→ feComposite（12x12）→ feTile → feComposite in=SourceGraphic operator=in → feMorphology dilate radius=5。これで12 pxのセルが得られます。最初に被写体に8 pxの暗いストロークを追加します。
• モーション： 時間を10 fps（floor(frame/3)）にステップさせ、位置を12 pxグリッドにスナップさせ、ちょうど1セル分上下に揺らします。
• 追加要素： 四角形からなるブロック状の太陽と雲、チェッカーの芝生、浮かぶコイン。
• フォント： Press Start 2P、白色にハードオフセットシャドウ。

2. クレイ - 「手で作ったみたい」

• 見た目： 柔らかいふくらんだ形状、左上からの光、マットな表面、接触影。
• 方法： すべての形状を丸くします（同色のストローク14 px、ラウンド結合）。パーツごとにフィルタを適用します：低周波feTurbulence + feDisplacementMap（スケール12、波状のエッジ）→ feGaussianBlur（7）をハイトマップとして → カラーに乗算されるfeDiffuseLighting + 少量のfeSpecularLighting → 指紋テクスチャのための細かいノイズ → feDropShadow。
• モーション： ストップモーション。3フレームごとにのみ更新し、1ステップあたり1～3 px位置をジッターさせ、タービュランスシードを（3つの値で）循環させてエッジが「沸騰」するようにします。
• パレット： パステルピーチ、セージ、マスタード。
• フォント： Fredoka Bold。

3. ペーパーカットアウト - 「紙を重ねた層」

• 見た目： 平らなシートが影を挟んで積み重なったもの、粗く切り取られたエッジ、粒子。
• 方法： 各レイヤーはfeDisplacementMap（スケール5）+ feDropShadow（dy 9, blur 5, 38%）を取得します。最後に、全フレームのノイズ長方形をmultiplyブレンドで重ねます。
• モーション： 異なる速度でスクロールする3～4層の丘（パララックス）、細い紐にぶら下がって揺れる雲、被写体は人形のように1～2度揺れます。
• パレット： クラフトペーパー：ティール、マスタード、テラコッタ、クリーム。
• フォント： Alfa Slab One。

4. ローポリ - 「少ない形状、クリーンな3D」

• 見た目： すべてがフラットシェーディングされた三角形で構成され、輪郭線やグラデーションはありません。
• 方法： 各ポリゴンを、わずかにジッターされた中心からファン状に三角形分割します。各三角形に異なるシェーディングを適用します：光の方向項と小さなランダムオフセット。各三角形を自身の塗りつぶし色でストロークして継ぎ目を隠します。空は、高さで色分けされたジッターグリッドの三角形で構築します。山はそれぞれ2つの三角形（照明側、暗い側）で構成します。
• モーション： 滑らか。山のレイヤーはパララックスでスクロールし、ファセット状の太陽が回転します。
• フォント： Oxanium ExtraBold、大文字。

5. ボクセル - 「小さな立方体の世界」

• 見た目： 被写体は小さな立方体から構築され、アイソメトリックな角度から見ます。
• 方法： 被写体を色付きセルの3Dグリッド（約14x7x9）として記述します。sx=(x-y)*u*0.866, sy=(x+y)*u*0.5-z*uで投影します。立方体ごとに3面を描画します（上面が最も明るく、左面が中間、右面が最も暗い）。隣接するセルに隠れる面はスキップし、描画前にx+y+zでソートします。
• モーション： 地面はダイヤモンドタイルのチェッカーで、道路軸に沿ってスクロールします。立方体の木々が横を通り過ぎ、被写体は小さなホップをします。
• フォント： Bungee、硬いブロックシャドウ付き。

6. アイソメトリック - 「斜め上からの眺め」

• 見た目： 浮遊するスラブ上のクリーンなミニチュアシティブロック、滑らかな箱（立方体ではない）、パステルカラー、スラブの下の柔らかい影。
• 方法： ボクセルと同じ投影法ですが、大きくて滑らかな箱を使用します：両方の可視面に窓グリッドのある建物、道路、木々、キオスク、街灯。被写体は8～10個の箱で構成され、道路に沿って走ります。
• モーション： 建物が地面からオーバーシュートしながら立ち上がり、タイミングをずらして出現します。スラブ全体がゆっくり上下に浮遊します。
• フォント： Oxanium、明るい背景に暗いテキスト。

7. ネオン - 「夜のサイバーパンク風」

• 見た目： 暗い夜、光る輪郭線、シンセウェーブのグリッド床。
• 方法： 被写体 = ストロークのみ（4～5 px）、塗りつぶしは背景色に設定して、パーツが互いに隠れ合うようにします。グローフィルタ = 広いぼかし（14）、タイトなぼかし（4）、シャープなソースのマージ。床 = 消失点から放射状に広がる線 + 水平線がp*pの間隔でカメラに向かってスクロールします。
• モーション： 最初の8フレームで看板風の点滅、光の筋が走る、きらめく星、地平線の縞模様の太陽。
• パレット： シアン、マゼンタ、イエローをほぼ黒の紫に。
• フォント： Tilt Neon、積み重ねられたマゼンタのテキストシャドウ付き。

8. ブループリント - 「エンジニアの図面」

• 見た目： 青い用紙、細かい＋主要なグリッド、細い白い技術的な線画。
• 方法： 被写体 = 白の3 pxストローク、塗りつぶし = 用紙の色。pathLength=1 + アニメーション化されたstrokeDasharrayで線を描画し、パーツごとにタイミングをずらします。次に、矢印とmm値を付けた寸法線、車輪の一点鎖線の中心線、ラベル付きの引き出し線、境界フレームを追加します。
• モーション： 最初に描画（0.5秒）、寸法は中心から伸び、その後は車輪だけがゆっくり回転します。跳ねたりしません。
• フォント： Share Tech Mono、大文字。

9. レトロVHS - 「90年代のテープ」

• 見た目： 90年代のホームビデオ：色ずれ、ソフトな画質、スキャンライン、テープノイズ。
• 方法： シーン全体に1つのフィルタ：赤チャンネルオフセット+9 px、緑+青オフセット-7 px、screenブレンド、水平方向ぼかし（2.6, 0.6）、彩度1.25。その上に：スキャンラインパターン、フレームごとのノイズ、フレームを下に移動するトラッキングバンド（その内容は横にシフト）、下端の引き裂かれたストリップ、ビネット、およびオンスクリーンテキストとして「PLAY」+ ランニングカウンター。
• モーション： 2 pxの水平ジッターと、時折大きなジャンプ。
• パレット： 夕焼けの紫、ピンク、オレンジ。
• フォント： VT323、赤/シアンのシャドウ付き。

10. ドゥードゥル - 「ノートの裏に描いたスケッチ」

• 見た目： 罫線入りのノートページに赤いマージン線、ボールペン画。
• 方法： ストロークのみ、塗りつぶし = 紙の色、シェーディングにはハッチングパターン。すべてのペン線に1つのfeTurbulence + feDisplacementMap（スケール11）を適用し、4フレームごとにシードを変更して線が「沸騰」するようにします。
• モーション： 線が素早く描画され、螺旋状の太陽が段階的に回転し、星が揺れ、被写体の後ろにスピード線、「vroom!」のような手書きの文字。
• フォント： Caveat Bold。

スタイルを並べて表示する

動画でスタイルを比較する場合、すべてのシーンで1つの要素を同一に保ち（たとえば、スタイルの単語のみが変わるプロンプトボックスなど）、ナレーションのビートに合わせてハードカットを使用します。これにより、「たった1つの単語が変わっただけ」であることが視覚的にわかります。

納品前の確認

• 各シーンがテストに合格："タイトルがなくてもこのスタイルだと誰かが言うだろうか？"
• 被写体はすべてのスタイルで同じ形状とサイズである。
• タイトルとキャプションが電話で、セーフエリア内で読める。
• フルレンダリング前にすべてのシーンの静止画を確認した。