# Opus 5.5 video by @pound75423 [▶ Watch the original and a live remake on Skillry](https://skillry.dev/ai-videos/opus-5-5/pound75423-464968?utm_source=github&utm_medium=readme&utm_campaign=awesome-opus5-5-videos) · [Original post](https://x.com/pound75423/status/2103722556918464968) - **Category:** Motion graphics - **Remake built with:** Canvas · CSS - **Author:** [@pound75423](https://x.com/pound75423) ## Prompt ```text 添付した楽曲とキャラクター画像を使って、「サイケデリック・グリッチ系」のアニメーション 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)、縁取りは虹色。 大文字の内容:【ここに使いたい文字を書く、または「歌詞からキーワードを選んで」と書く】 【その他】 - 左上に小さくタイトル【名前】、右上に【日付】、右下に小節数を表示。 - フィルムグレインと走査線を少し加える。冒頭は黒からフェードイン、最後はフェードアウト。 - 本番出力の前に、各セクションのスクリーンショット一覧を見せて確認させてください。 ```