Vincentwei1021/mg-styles-15

15 motion design styles, each made by Claude Opus 5.5 writing code from one prompt: watch the films, copy the prompts, read the full source.

何を解決するか

大規模言語モデル(LLM)を用いて、従来のAI動画や画像生成モデルに頼らず、高品質なモーショングラフィックス映像を生成する方法を示しています。代わりに、LLMが実際のコード(SVG、Canvas、WebGL、Three.js、Python)を書くことで、視覚表現をレンダリングし、音声を合成します。

動作方法

Claude Opus 5.5というLLMに、特定のタイムスタンプに対応するフレームをレンダリングできるウェブページを書く詳細なプロンプトを与えます。ヘッドレスChromeがこれらのフレームをキャプチャし、Pythonスクリプト(audio.py)が楽器サンプルを使って音楽とサウンドエフェクトを合成します。最後にffmpegでフレームと音声をマスクして10秒のMP4に統合します。このプロセスには、品質を保証するためのAIジャッジによるレビューと修正サイクルが含まれます。

対象者

プログラムによるアニメーションを探索したいモーショングラフィックデザイナー、開発者、AI愛好家。複雑なクリエイティブコーディングのためのプロンプト技術を学びたい人、またはコードを使ってカスタムモーショングラフィックスを作成したい人向けです。

特徴

  • コードベースの生成: 生成動画モデルではなく、SVG、Canvas、WebGL、Three.js、Blenderを使用。
  • 合成音声: 音楽とサウンドエフェクトはPythonコードと楽器サンプルを使って生成。
  • 完全な透明性: 15種類の異なるモーショングラフィックススタイルの完全なプロンプト、ソースコード、スタイルノートを提供。
  • 反復的なAIワークフロー: AIジャッジによる「作成→レビュー→修正」パイプラインを実装し、品質を確保。

関連

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