ai21.net
語言

Create a single self-contained index.html: a ~2-minute ani…

示範影片

Create a single self-contained index.html: a ~2-minute ani… — 1

提示詞

Create a single self-contained index.html: a ~2-minute animated piano performance in a hand-drawn crayon style.

Scene: a cozy room at night, an upright piano, a small black cat playing it. Crayon texture on every surface: grainy strokes,wobbly outlines, paper tooth.

Music: compose an original piano piece (~40 bars, clear melody, calm then building, soft ending). Synthesize the piano in Web Audio with harmonics, hammer noise and reverb. No audio files.

Sync: one timeline drives both. The cat's paws hit the keys that are actually sounding. Lights, camera and mood follow the music.

Rules: Canvas 2D only, no libraries, no external assets. Support pause/replay and ?t=90 to jump to any moment.

中文翻譯

創建一個單個的自包含 index.html:一段約 2 分鐘的手繪蠟筆風格鋼琴演奏動畫。

場景:夜晚一間溫馨的房間,一架立式鋼琴,一隻小黑貓在彈奏它。每個表面都有蠟筆質感:顆粒感的筆觸、歪歪扭扭的輪廓、紙張的紋理顆粒。

音樂:創作一段原創鋼琴曲(約 40 小節,旋律清晰,先平靜後逐漸推進,結尾輕柔)。用 Web Audio 合成鋼琴音色,帶泛音、琴槌噪聲和混響。不要使用音頻文件。

同步:一條時間軸同時驅動兩者。貓的爪子落下的正是當下實際發聲的琴鍵。燈光、鏡頭和情緒都跟隨音樂。

規則:僅使用 Canvas 2D,不使用任何庫,不使用外部素材。支持暫停/重播,以及通過 ?t=90 跳轉到任意時刻。

溯源

原作者
0xCodez
發佈日期
2026-09-27(由推文 ID 反解)
原始出處
查看原帖 ↗
收錄來源
yihui-dev/awesome-opus5-5-videos · 0xcodez-474136 · MIT