kuhnhomeuk-cell/procedural-film

Agent skill: turn a topic into a 30s vertical film drawn and scored entirely in JavaScript. Reference film: the life of a monarch butterfly.

解決する問題

AI エージェントが単純なトピックを短くアセット不要の映画や小さなプレイ可能なゲームに変換できるようにします。キャンバス上のバニラ JavaScript ですべてのビジュアルを生成し、Web Audio シンセシスですべてのオーディオを生成することで、外部メディアアセットの必要性を排除します。

仕組み

このプロジェクトは、定義されたパイプラインを持つエージェントスキルとして機能します。トピックが与えられると、エージェントは複数のサブエージェントを調整して詳細なシーンファイル(ショットごとに 1,000 行以上)を作成し、レビュープロセスを実行します。その後、エンジンはこれらの指示を、手描きのインク紙/写真のいたずら書き、60 fps のレトロピクセルアート、または ROBOT RUN というスターターゲームに基づくプレイ可能な NES スタイルのプラットフォーマーなど、いくつかのスタイルのいずれかにレンダリングします。最終出力は、自己完結型の HTML プレーヤーと MP4 エクスポートです。

対象読者

スキル統合と並列サブエージェントディスパッチをサポートする AI エージェント(Claude Code など)を使用する開発者、およびプログラムによるレトロスタイルのアニメーションやゲームを生成したいクリエイター。

ハイライト

  • ゼロアセット配信:すべてのピクセルとサウンドは、JavaScript と Web Audio を使用してリアルタイムで合成されます。
  • 複数の出力形式:インタラクティブな HTML プレーヤーと標準の MP4 ビデオファイルの両方を生成します。
  • 多様なスタイル:縦型のいたずら書き映画、高フレームレートのピクセルアート、プレイ可能なプラットフォーマーをサポートします。
  • 自動デプロイメント:ゲームは Vercel アカウントに直接デプロイできます。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト