モーション素材
映像制作で書いたコードアニメを、単体で使える小さなモーション素材に分けました。ブラウザで文字や色を変えて確認でき、ログインすればソースコードを無料で入手できます。AIコーディングアシスタントに渡して、自分の映像に組み込んでください。
- 1
素材を選ぶ
ブラウザでパラメータを変えて、イメージに合うか確かめます。
- 2
ログインしてソースを入手
無料です。コードをコピーするか、AI向けの説明書つきのパッケージをまるごとダウンロード。
- 3
AIアシスタントに渡す
Claude CodeやCodexなどに、あなたのRemotionプロジェクトへ組み込んで中身を差し替えてもらいます。
4:50:05
オープニング
16:90:04.5
タイトル
16:90:05
タイトル
16:90:06
トランジション
16:90:09
パーティクル
1:10:05
データ図解
1:10:04
データ図解
1:10:05
証拠表示
3:40:02
カバー
16:90:05
エンディング
必要なもの：Node.js 18以上、Remotion 4、React 19。Claude Code、Codex、Cursorなど、ファイルの読み書きとコマンド実行ができるAIアシスタントを使うのが一番ラクです。