---
title: "Psychedelic glitch MV from a still character portrait"
description: "A 64-second psychedelic glitch music video built from a still character portrait using canvas and CSS."
canonical: "https://potto.ai/zh-Hant/videos/psychedelic-glitch-mv-from-a-still-character-portrait"
language: "zh-Hant"
datePublished: "2026-09-26"
---

# Psychedelic glitch MV from a still character portrait

A 64-second psychedelic glitch music video built from a still character portrait using canvas and CSS.

A 64-second psychedelic glitch music video made from a still character portrait. The animation is coded with HTML Canvas and CSS, captured frame by frame with Playwright, and combined with audio in ffmpeg at 1280x720, 30fps. Cuts change every beat with random rotations of full body, bust, eye close-up, two poses, five color variants, and scene images, while effects like white flashes, hue flows, screen tearing, kaleidoscope, and large text match the energy of each section. Film grain, scanlines, and fade in and out complete the look.

- [視覺系統](https://potto.ai/zh-Hant/videos/visual-system.md)
- 由 pound75423
- 時長與比例: 1:04 · 16:9
- 製作工具: Canvas, CSS
- 發布於 2026年9月26日
- 查看原片: https://x.com/pound75423/status/2103722556918464968

## 提示詞

```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）、縁取りは虹色。
   大文字の内容：【ここに使いたい文字を書く、または「歌詞からキーワードを選んで」と書く】

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

## Psychedelic glitch MV from a still character portrait 常見問題

Psychedelic glitch MV from a still character portrait 的製作方式、提示詞內容，以及如何用 Potto 做出同類的 視覺系統 影片。

### Psychedelic glitch MV from a still character portrait 是什麼？

Psychedelic glitch MV from a still character portrait 是 pound75423 製作的 視覺系統 類型 AI 動態圖形影片。 A 64-second psychedelic glitch music video built from a still character portrait using canvas and CSS.

### Psychedelic glitch MV from a still character portrait 是怎麼製作的？

Psychedelic glitch MV from a still character portrait 使用 Canvas和CSS 製作，屬於 Potto 上 視覺系統 分類的 AI Motion Graphics 影片。

### 可以查看 Psychedelic glitch MV from a still character portrait 的提示詞嗎？

可以。本頁有 Psychedelic glitch MV from a still character portrait 的完整提示詞。你可以複製，或點選「使用此提示詞」，在 Potto 工作區中開啟。

### Psychedelic glitch MV from a still character portrait 有多長，畫面比例是多少？

Psychedelic glitch MV from a still character portrait 時長為 1:04，畫幅為 16:9。

### 我能用 Potto 做出像 Psychedelic glitch MV from a still character portrait 這樣的 視覺系統 影片嗎？

可以。點選「使用此提示詞」，把 Psychedelic glitch MV from a still character portrait 的提示詞載入 Potto 工作區。Potto 會算繪自己的版本，匯出前你可以修改文字和風格。

### 在哪裡觀看 Psychedelic glitch MV from a still character portrait 的原片？

Psychedelic glitch MV from a still character portrait 最初由創作者發布。點擊「查看原片」，即可在新分頁開啟該貼文。

### 在哪裡可以找到更多像 Psychedelic glitch MV from a still character portrait 這樣的 視覺系統 影片？

在 Potto 上瀏覽 視覺系統 合集：480 支影片，每支都附有提示詞、規格和來源。