geeklee/srt-whiteboard-animation

SRT字幕を、物語順に描かれたホワイトボード手描きの動画技法に変換します。これはパーティションマスクの配置とストリームの手書きレンダリングを組み合わせています。各要素は字幕の後に順番に現れ、ペン先がその領域内に連続してインクを塗り、徐々に色を加え、最終的にMP4に書き出します。

知識の解説、物語のナレーション、コースの字幕、短いビデオのコピーを温かみのあるベージュ紙に手描きアニメーションに変換するのに適しています。

効果の例

シーン:モンキーマウンテンバナナ奪い — 字幕の物語順に従い、岩場と小さな猿、大きな猿がバナナを奪う場面、そして見ている子供たちが順番に描かれます。

オリジナルの線画:PNGを見る。

コアコンピテンシー

• 推奨される25〜35秒の長さに応じたSRT字幕と分割シーンの解析
• まずストーリーボードや画像配置の戦略を開発し、各シーンが一つの核心的な意味だけを表現するようにする
• 画面座標ではなく字幕イベントに基づく要素の意味的な描画順序を確立する
• annotation.jsonを使って地域、年代、字幕の関連付け、重複する保護ゾーンを管理
• 各エリアは連続的な流れの手書きで、まずink線画、次にcolor色を加えます
• ブラウザプレビューコンソールで地域、順序、時間、字幕の関連付け調整をサポートします
• シーンごとのレンダリングおよびマルチアクトマージをサポートし、完全なMP4ファイルを出力します

作業方法

このスキルの鍵は「字幕主導の段階的な確認」にあります。各工程が完了した後、ストーリーボードや線画、注釈がまだ完成していない段階でレンダリングコストを無駄にしないように確認を待ちます。

1. SRTの分析、出力ストーリーボード、画像マッチング戦略。
2. 確認後、統一されたスタイルで線画を生成します。
3. 線画を確認した後、字幕と元の画像を組み合わせて注釈を作成し、プレビューコンソールに読み込みます。
4. 注釈を確認した後、分割図と方向検査図を作成します。
5. プレビューパネルでエリア、物語の順序、タイミング、字幕の関連付けを調整・保存します。
6. 最終注釈を確認した後、MP4画像をシーンごとにレンダリングします。
7. 複数アクトのプロジェクトは、各アクトの完成を確認した後に統合されます。

視覚規範

• 暖かみのあるベージュの紙背景:推奨 #F5EBD7
• 赤、オレンジ、青の概念的なアクセントがわずかに加えられ、濃い灰色のスケッチ線
• ミニマリストな手描き、きれいな背景、十分な空白空間
• シーンテキスト、タグ、シネマティックエフェクト、3Dエフェクト、複雑なテクスチャの使用禁止

設置と環境

SkillにはスタンドアロンのPython仮想環境準備スクリプトが付属しています。初回実行時:

成功後、最初のコマンドはENV_PY= を出力します。その後のレンダリングでは、このインタプリタを使って依存関係の隔離を確保してください。

プロジェクト資料構成

画像とタイトルは同一でなければなりません。例えば、scene-01-demo.pngはscene-01-demo.annotation.jsonに対応します。

次元フォーマット

各要素は元の画像の整数ピクセル座標を使用し、sequence、subtitle、narrativeRoleを通じてキャプション内のイベントを関連付けます。リージョンは「シーン設定→キーパーソン/オブジェクト→アクションまたは反応/結果の変更→でソートする必要があります。

directionおよびhandPathはプレビューテーブルの長方形代理として使われます。最終的な実際の手書きはフローパッケージによって自動的に生成されます。互いに見えにくいオブジェクトについては、後で表示が必要な領域は後の要素のprotectedRegions]にマーキングされ、後のコンテンツの早期露出を防ぎます。

一般的な命令