hozanBaydu/animated-explainer-shorts

アニメーション解説動画

動画の計画、作成、アニメーション、レビューを行う際は、以下のルールを適用すること。何よりもまずストーリーのルールが優先される。美しい映像も、脚本が平坦なら失敗する。

動画の制作

ユーザーが実際の動画ファイルを希望する場合、このスキルのテンプレートからRemotion（および3DにはThree.js）を使用して構築する。

1. ストーリーが第一。 以下のストーリールールを使用して、スクリプトをビート（1ビート＝1アイデア）として記述する。何よりも先に、最初の文と冒頭数秒を確認する。
2. プロジェクト。 template/ を新しいフォルダにコピーし、npm install を実行する。コードを書く前に reference/remotion.md を、3Dシーンを作成する前に reference/threejs.md を読むこと。
3. 音声。 ユーザーがナレーション（録音または任意のテキスト読み上げファイル）を提供する場合、それを public/ に配置し、public/plan.json で "voice" を設定する。提供がない場合は、各セリフを対応するシーンの "text" に設定し、npm run voice（無料のKokoro音声、英語）を実行する。これにより public/voice.wav が作成され、すべてのシーンの開始と終了が設定される。音声を選択するには、node scripts/voice.mjs am_michael（男性）またはデフォルトの af_heart（女性）を使用する。
4. タイミング。 単語のタイムスタンプを取得するには npm run captions を実行する。独自の音声ファイルを使用する場合、各シーンを、そのシーンが表示するセリフの最初の単語で開始する。npm run voice を使用した場合は、この処理は既に完了している。
5. シーン。 src/scenes/ にシーンごとに1つのコンポーネントを作成し、それを登録して、シーンを plan.json にリストする。すべての話されるセリフは、それぞれ独自のビジュアルを取得する。
6. チェック。 各シーンの開始、中間、終了で静止画をレンダリングし（npx remotion still Main out/still.png --frame=N）、それらを確認し、以下のルールに違反する箇所を修正する。
7. レンダリング。 npm run render で out/video.mp4 を作成する。完了と判断する前に、最初の3秒をもう一度確認する。

要件：Node.js 18以上およびffmpeg。Remotionは初回レンダリング時に独自のヘッドレスChromeをダウンロードする。

ストーリー

1. すべての動画は小さな物語である。キャラクターが何かを望み、何かがそれを妨げ、ひねりが加わり、見返りがある。事実の羅列は物語ではない。
2. 最初の文は、大胆な主張、人々が信じていることへの矛盾、または問題を抱えたキャラクターであること。
   • 良い例：「あなたのキッチンであなたを殺しているものがある。」 / 「私はずっと、コンピューターは人間よりも数学が得意だと思っていた。」 / 「こちらがドンおじさんです。彼は大きな問題を抱えています。」
   • 悪い例：「Xはどのように機能するのか？」 / 「ここに3つのツールがあります…」 / 「今日は…について見ていきます。」。動画が「方法」の質問に答える場合は、その質問を2番目の文に移動すること。
3. 最初の3秒で疑問や緊張を提示し、答えは後にとっておく。フックでひねりを使ってはいけない。
4. 幅広いテーマや時事性のあるテーマを選ぶ。ニッチなテーマには、誰もが共感できる日常的な切り口が必要。
5. 強力なオープニングでも、弱いテーマを救うことはできない。テーマを最初に決めてから、フックを書くこと。
6. すべての動画は単独で成立する。「パート2」や前の動画の続きを示すオープニング、一般的なユーティリティリストは禁止。
7. 見せる、語るな。すべての話されるセリフには、独自のビジュアルがあること。動画をミュートにしても意味が通じれば、シーンは機能している。
8. 1つのシーンに1つのアイデア。1つのセリフに2つのアイデアが含まれている場合は、2つのシーンに分割する。
9. エスカレーション。各ビートは、前のビートよりも少しだけステークスや驚きを高める。
10. 視聴者が繰り返したり使用したりできるセリフ（質問、経験則）で終わる。要約で終わらないこと。
11. 長さは自由に選べる。ストーリーに必要な長さを使用する。長い動画では、少なくとも60〜90秒ごとに小さな見返りを与えること。

フレーミング（指定がない限り縦型1080x1920）

1. メインの被写体は上部中央の帯（約y=500〜1100）に配置する。
2. 下部の約20%（y > 1500）はプラットフォームのUIの下になるため、重要なビジュアルを配置しない。キャプションはそのすぐ上に配置する。
3. 側面に約60pxのマージンを確保する。右端（x > 960、y 900〜1700）は「いいね！」やコメントボタンが配置されるため、重要な情報を配置しない。
4. 縦型動画では中央フレーミングが通常最も効果的。2人の被写体がいるシーンでは三分割法を使用する。
5. 1フレームに1つの支配的な要素。その他の要素は小さく、暗く、彩度を低くする。
6. 重要な瞬間では、キャラクターの顔はフレーム幅の少なくとも約15%以上であること。

冒頭数秒

1. フレーム0から話し始める。無音のイントロやロゴは禁止。
2. 最初の1〜2秒以内に目に見える変化があること。新しいオブジェクト、動き、変形。静的なタイトルカードは禁止。
3. 最初のフレームに大きなテキストを入れるかどうかは任意。使用する場合は、主張を述べるものであり、装飾ではない。
4. 最初のフレームに顔を入れるかどうかは任意。強力なキャラクターやイメージでも同様に機能する。

カメラ（2Dおよび3D）

1. すべてのカメラの動きには動機があること。キャラクターを追跡する、情報を明らかにする、強調を加える。装飾的な動きは禁止。
2. 直線的に動かさない。必ずイーズインとイーズアウトを行う。
3. 明かし＝ゆっくりとしたプッシュイン（スケール1.0から1.1〜1.25、1〜3秒かけて）。衝撃＝高速パンチイン（0.15〜0.25秒）＋小さなシェイク。
4. 新しい場所：最初にワイドショット、次にクローズアップ。
5. ローアングル＝力または脅威、ハイアングル＝小さく無力、アイレベル＝中立。
6. 2人のキャラクターが向かい合っている場合、各キャラクターをシーン全体を通じて自分の側に配置し続ける。
7. 3Dでは、FOVは35〜50度、前景、中間、背景のレイヤーで奥行きを出す。FOVを変更する（ズーム）のではなく、カメラを動かす（ドリー）。
8. 3Dの漫画シーンでは、リニアトーンマッピングとわずかな彩度向上を使用する。フィルミックトーンマッピングは漫画の色をくすませる。

編集とペーシング

1. 冒頭以降、ペーシングはスタイルに従う。動画全体の速さよりも、最初の瞬間の速さの方が重要。
2. アイトレース：新しいショットの注目点は、前のショットで注目点があった場所から始まる。
3. マッチカット：あるシーンの終わりの形状や色が、次のシーンの始まりになる。
4. ジョークやオチの後は、カットする前に0.3〜0.6秒間保持する。
5. 重要な瞬間の前に速度を落とし、その後で速度を上げる。
6. アクションに合わせてカットする。動きが止まった後ではなく、動きの途中でショットを変える。
7. 白いフラッシュやストロボトランジションは禁止。ホイップパン、マッチカット、ワイプを使用する。

キャラクターアニメーション

1. すべての衝撃とジャンプでスカッシュとストレッチ（スケール0.8〜1.25、体積はほぼ維持）。
2. 予備動作：大きな動きの前に、反対方向への小さな動き（0.1〜0.2秒）。
3. フォロースルー：髪、アンテナ、腕は、体が止まった後も動き続け、落ち着く。
4. 手足や投げられたオブジェクトは円弧上を動き、直線上を動いてはならない。
5. まばたき、呼吸、アイドル時の揺れは、シーンが待機している間も決して止まらない。
6. タイミングが重さを表現する。重いものはゆっくり動き、激しく着地する。軽いものは速く動く。
7. 感情を誇張する。大きな目、大きな口の形、飛び散る汗。
8. ポーズごとに1つの明確なシルエット。ポーズが黒い形状として読めない場合は、変更する。

テキストとキャプション

1. キャプション：1チャンクあたり2〜5単語、音声に同期させ、ポップイン表示、高コントラスト（白に暗い輪郭）。
2. 大きな動的な単語は、インパクトのある瞬間にのみ使用し、画面上に表示するのは1つの単語グループのみ。
3. 画面上の数字は、ナレーションとソースに完全に一致させること。

音声

1. 短い文、話し言葉のリズム、短縮形（「it's」、「didn't」）。
2. 約170〜200語/分。
3. ビート間の無音は0.2〜0.4秒、最後のセリフの前は0.6〜1.0秒。

誠実さ

1. 画面上のすべての数字は実際の出典があり、それと一致していること。
2. 作成者が実際に行っていないことを、一人称でナレーションに入れてはならない。
3. パロディの見出しには、明らかに架空の名前を使用し、実際のメディアを模倣したものは使用しないこと。