Psychedelic glitch MV built from a still character portrait
245 views·2 likes·2 saves·Posted 26 Sept 2026 · 1:04 · Motion Graphics
Our note
A 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.
The creator’s post
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
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
2 · Direct it like an editor
Ask for one self-contained HTML file on a fixed 1920×1080 stage, link this video as the reference, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
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 →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth