
Psychedelic glitch MV built from a still character portrait
245 views · 2 likes · 2 saves · 0 reposts · Posted Sep 26, 2026 · 1:04 · Motion graphics
OUR NOTEA beat-synced anime video built from a still character image labeled 'Soreha': HTML Canvas animation with RGB-split glitch cuts and rainbow-striped backgrounds, captured with Playwright and composited with ffmpeg on the beat.
I made a Japanese anime style MV using Opus 5.5. All you need to feed it are still images.
Opus 5.5を使って和風アニメ風のMVを作りました。静止画を渡すだけで大丈夫です。
prompt ↓↓↓THE PROMPT
Detailed VJ-style spec添付した楽曲とキャラクター画像を使って、「サイケデリック・グリッチ系」のアニメーション 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 拍目が一番強い。
2. 色相の流れ:背景は流れ続ける虹色パターン(同心円スパイラル、回転するカラーホイール、
溶ける虹の波、ストライプ、白黒チェッカー)。サビではキャラクターごと画面全体を hue-rotate する。
3. 画面の引き裂き:拍が落ちた瞬間に横方向の帯状ずれ+RGB 3 色分離をかけ、
次の拍までに元に戻す。キャラクターがずっとぼやけたままにならないように。
4. 万華鏡:サビでは 1 小節おきに、画面を 8~12 枚の鏡像の扇形に分けてゆっくり回転させる。
5. 小節ごとの大文字:小節の頭で画面中央に巨大な文字を約 0.4 秒フラッシュさせる。
合成モードは反転(difference)、縁取りは虹色。
大文字の内容:【ここに使いたい文字を書く、または「歌詞からキーワードを選んで」と書く】
【その他】
- 左上に小さくタイトル【名前】、右上に【日付】、右下に小節数を表示。
- フィルムグレインと走査線を少し加える。冒頭は黒からフェードイン、最後はフェードアウト。
- 本番出力の前に、各セクションのスクリーンショット一覧を見せて確認させてください。MAKE ONE LIKE THIS
Three steps, using what the creators in this index used.- 1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
HOW OTHERS WROTE THEIRS → - 2 · Long piece? Give Claude a framework
- lottieLottie animations generated from prompts or SVGs★ 5.5k
- pixel2motionAnimating static logos into SVG motion★ 2.3k
- gbro-collage-brollPaper-collage B-roll clips from a voiceover line★ 1.3k
- 3 · Render it to MP4
For a longer piece like this one, render with a framework so the timing is exact on every take.
CLAUDE CODE + HYPERFRAMES / REMOTION →
The creator didn't name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4 — how that works.
Indexed Sep 28, 2026, 8:28 AM · Views as of indexing. Video and post © their creator.