3D / Three.js8s · 音声なし
Orbital Bloom
陶器のようなリングと小球が回転する3D彫刻。
動画エージェントの作例
コードから動画へ。 アイデアが動き出す。
Dojoの動画エージェントとエンジンで作った、編集可能なモーショングラフィックス、SVGイラスト、Three.jsの3Dシーン。方向性を選び、プロンプトを自分の企画に合わせましょう。
Three.jsSVGMotion graphicsMP4
Quiet Current
SVG · 8s
01 — 06
次の表現を見つけよう。
SVGイラスト8s · 音声なし
Quiet Current
二匹の鯉がSVGの水紋と繊細な線の間を巡ります。
ミックス表現10s · 音声なし
Make It Move
大胆な文字と組み上がる3Dキューブで作るブランド映像。
3D / Three.js8s · 音声なし
Chromatic Tunnel
ネオンカラーの枠が奥へ続く、回転する視覚トンネル。
3D / Three.js8s · 音声なし
Prism Tide
陶器の柱が並ぶフィールドを波が伝わります。
3D / Three.js10s · 音声なし
Pocket Observatory
浮かぶ島の小さな天文台をカメラが周回します。
エージェント生成後に選定・確認した作例です。追加編集や技術的な修正を行った作品もあります。プロンプトは制作の出発点であり、結果は異なる場合があります。
作例から、自分のアイデアへ。
動画エージェントを開く01
方向性を選ぶ
イラスト、3Dシーン、短いモーション作品から選びます。
02
プロンプトをコピー
企画に合わせて被写体、色、文字、画面比率を変更します。
03
動画エージェントで調整
変更したい点を伝え、結果を確認して動画を書き出します。
コードから動画を作るには
コードから動画を作るとは？
エージェントが構造化された図形やアニメーションの指示を作り、Dojoエンジンが映像にします。対応する文字、図形、タイミング、3Dオブジェクトはプロジェクト内で編集できます。
プログラミングは必要ですか？
自然な言葉で画面や動きを説明し、その後も会話で変更できます。開発者はDojoのオープンソースエンジンとハーネスも利用できます。
GPTでこのような動画を作れますか？
言語モデルがシーンの指示を作り、動画エンジンが各フレームを描画します。ここで紹介するのは、実写風の映像を直接生成する動画モデルとは異なる制作方法です。
任意のSVGやThree.jsコードを貼り付けられますか？
編集可能なSVGの限定された機能と、検証済みの3Dシーンデータに対応しています。任意のJavaScriptの実行や、すべてのSVG、シェーダー、外部3Dモデルへの対応を保証するものではありません。
同じプロンプトで同じ結果になりますか？
必ずしも同じにはなりません。確認や追加調整を経た作例もあります。レイヤーを編集するにはプロジェクトを保管してください。書き出したMP4は合成済みの動画です。
生成AIによる映像も見たい方へAI動画の作例を見る