Motion graphics0:30create a motion design video of a poster breaking out of its own frame.@sahilvermaaiCanvas
Study how this https://experiments.cloudjoi.com works and use Remotion to make a product showcase video.
Motion graphics1:04添付した楽曲とキャラクター画像を使って、「サイケデリック・グリッチ系」のアニメーション MV を作ってください。
【制作方法】
HTML Canvas でアニメーションを書き、Playwright で 1 フレームずつキャプチャし、ffmpeg で音声と合成して MP4 を出力してください(1280×720、30fps、30MB 以内)。
AI 動画生成は使わず、すべてプログラムによるアニメーションで作ってください。
【前処理】
1. キャラクター画像はすべて背景を透過し、白いステッカー風の縁取りと薄い影をつける。
2. 楽曲を解析する:BPM、最初の拍の位置、各小節(4 拍)の頭、
各セクションのエネルギーの高低(イントロ/A メロ/サビ/落ちる部分)を求める。
【編集ルール】
- 1 拍ごとにカットを切り替える。カットはランダムにローテーション:全身、
バストアップ、目の超アップ、2 ポーズ並び、同じポーズの 5 連(それぞれ色相違い)、シーン画像。
- 隣り合う 2 拍で同じポーズを使わない。
- エネルギーが低い箇所はシーン画像や静かなカットにして、ひと息つかせる。
- エフェクトの強さはセクションに合わせる:イントロ約 40%、A メロ 70%、サビ 100%。
【エフェクト】
1. 白フラッシュ:毎拍フラッシュしてすぐ消える。小節の 1 拍目が一番強い…
Motion graphics0:22SCENE 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 the station's floodlight against black space and the dark Earth with its city lights. They clown for each other through the glass; a meteor flies into the sky behind him and crosses toward the Earth; she hammers the glass and screams to make him turn, and he answers with a heart; he begins a slow turn and the meteor hits while he is halfway round; she watches the impact with one tear. 25 seconds, seven cuts between two camera positions…