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