迷幻故障音乐短片

添付した楽曲とキャラクター画像を使って、「サイケデリック・グリッチ系」のアニメーション 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）、縁取りは虹色。
   大文字の内容：【ここに使いたい文字を書く、または「歌詞からキーワードを選んで」と書く】

【その他】
- 左上に小さくタイトル【名前】、右上に【日付】、右下に小節数を表示。
- フィルムグレインと走査線を少し加える。冒頭は黒からフェードイン、最後はフェードアウト。
- 本番出力の前に、各セクションのスクリーンショット一覧を見せて確認させてください。