作業の進め方
motion-canvas-agent はローカル HTTP API でエージェントを動作中の Motion Canvas エディターへ接続します。フレーム移動、スクリーンショット、シーングラフの確認、プレビュー・描画設定の変更、書き出しの開始ができます。プレーヤーとレンダラーは引き続きブラウザーで動作します。
連携には Vite サーバープラグインと、Motion Canvas プロジェクト内のクライアントプラグインの2ファイルを使います。リクエストは開発サーバーを通り、開いているブラウザーへ届きます。正確なフレーム確認をスクリプト化できますが、独立したヘッドレスレンダラーではなく、接続中のエディターが必要です。
想定される成果物
- Motion Canvas プロジェクトに接続したローカル制御ブリッジ。
- フレーム指定のスクリーンショットとシーングラフ確認データ。
- 指定された描画操作と、記録されたプレビュー・描画設定。
ブリーフからレビューまで
- 01両側のプラグインを接続する
サーバープラグインを Vite に、クライアントプラグインを Motion Canvas プロジェクトに追加します。開発サーバーを起動し、ブラウザーでエディターを開きます。
- 02既知のフレームを確認する
接続状態を確認し、予定サイズを設定して正確なフレームへ移動します。画像を取得し、シーングラフ値と表示結果を比較します。
- 03明示した設定で描画する
エラーを確認し、プレビュー設定と描画設定を区別します。依頼された書き出しを開始し、完了後に実物の成果物を検証します。