JohnHeibel/ClaudeAnimationBase

解決する課題

このプロジェクトは、AIコーディングエージェント（特にClaude Opus 5.5）を使用してキャラクターアニメーションを作成するためのスターターキットを提供します。構造化されたコードベースとAIが従うべきアニメーションガイドラインを提供することで、「手描き」の美学（ボイリングラインや水彩風の塗り）を持つ2Dアニメーションの生成プロセスを簡素化します。

仕組み

このキットは、視覚的なレンダリングにp5.jsとp5.brushを使用します。ユーザーがコーディングエージェント（Claude Codeなど）にプロンプトを提供すると、エージェントは提供された ANIMATION_GUIDE.md を読み込み、スタイルとキャラクターのルールを理解します。AIはシーンの絵コンテを作成し、ショットごとに構築し、ヘッドレスレンダラー (render.mjs) を使用してフレームを生成し、最終的なMP4動画を書き出します。

対象ユーザー

すべてのフレームを手動でコーディングすることなく、LLMを活用してスタイライズされた2Dアニメーションの作成を自動化したいクリエイターや開発者向けに設計されています。

ハイライト

• AI駆動のワークフロー: テキストプロンプトからアニメーションの絵コンテ作成とレンダリングを行うために、コーディングエージェントと連携するように設計されています。
• スタイライズされた美学: ブラシストロークとボイリングラインによる「手描き」の質感に焦点を当てています。
• ヘッドレスレンダリング: Node.js、Chrome、ffmpegを使用してアニメーションをMP4にレンダリングするスクリプトが含まれています。
• キャラクターフレームワーク: キャラクターの視点、感情、衣装のための定義済みアセットとロジックが含まれています。