---
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/videos/psychedelic-glitch-mv-from-a-still-character-portrait"
language: "zh-CN"
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/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 制作的 视觉体系 动态图形视频。 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 动画视频。

### 可以查看 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 支视频，每支都附有提示词、规格和来源。