Study how this https://experiments.cloudjoi.com works and use Remotion to make a product showcase video.
すべての作品
@SPEARwtf
モーショングラフィックスほかのモーショングラフィックス
すべて見るcreate a motion design video of a poster breaking out of its own frame.
添付した楽曲とキャラクター画像を使って、「サイケデリック・グリッチ系」のアニメーション MV を作ってください。 【制作方法】 HTML Canvas でアニメーションを書き、Playwright で 1 フレームずつキャプチャし、ffmpeg で音声と合成して MP4 を出力してください（1280×720、30fps…
SCENE CONTEXT Night side of the Earth. A space station in orbit; 📷@mila is inside at a small round porthole, 📷@astronaut floats outside it on a tether, lit by…
make a dynamic 10-second motion graphics video that shows who are you as Opus 5.5 - be as creative and dynamic as possible. Avoid the frames and texts on the co…
make a dynamic 15-second motion graphics video that shows what an incredible motion designer you are, like it's your showreel for a résumé. go all out. it shoul…
自分の手で動かしてみよう
どの作品も「動画ファイル」ではなく、Opus 5.5 が書いた HTML / JavaScript のアニメーションです。プロンプトさえあれば再現できます。
- 1
プロンプトをコピー
気になる作品を開いて「プロンプトをコピー」。一覧のカードからもワンクリックでコピーできます。
- 2
Claude に貼り付ける
手軽に試すなら claude.ai でモデルに Opus 5.5 を選んで貼り付け。 本格的に作るなら空のフォルダで Claude Code を起動します。
mkdir my-video && cd my-video claude --model claude-opus-5-5 - 3
ブラウザで再生・アレンジ
できた HTML をブラウザで開けば再生されます。「1 ファイルの HTML にして」「15 秒でループ」などを添えると安定します。 色・テキスト・尺を変えて自分だけの作品に。