prompt

项目：《鹈鹕测试》——人类自古以来就痴迷于画鹈鹕骑自行车

一支约 2:17 的代码动画短片。一只鹈鹕骑着自行车，沿一条贯穿全片的路，

依次穿过 20 个不同时代、不同地域、不同艺术风格的版块，每过一道画框就换一种画风。

每个时代都交出一份精致的答卷，笑点来自每个版块里一本正经的小梗，而不是画崩。

【灵感与参考】

- 灵感来源：一支叫《Superman in Flight》的代码短片（超人飞过 20 种艺术风格）

- 参考仓库：https://github.com/Tunai-0511/meme67-art-history（《67：一部藝術史》）

开工前请先通读它的 README.md、README_SHARE.md、LICENSE、LICENSE-MEDIA.md 和 NOTICE.md

可以借鉴的思路（只借鉴做法，代码自己写）：

- 共用绘图工具包 + 节拍模块 + 每个版块一个场景文件，画面是纯函数 renderAt(t)，由主调度负责切换

- 用 p5.js + p5.brush 实现自然笔触（先确认 p5.brush 的开源协议）

- Puppeteer 逐帧渲染 + ffmpeg 合成音画；截图工具和接触表用于逐帧检查

- 先写好工具包和规格，再给每个版块写美术简报，派子代理并行制作

不能直接取用的部分：

- 参考仓库的影片、封面、渲染帧和音频保留所有权利，任何形式都不能使用或改编

- 它的配音取样、美术简报文字、场景构图和具体笑点都不照搬；同题材版块必须独立设计

- 它的呈现方式不照搬：它用百叶窗转场、年份计数器、博物馆标签卡；

我们用一条连续的路和"穿过画框"的转场

- 原则上不复制它的代码；若复用任何片段，必须保留原作者的 MIT 版权和许可声明，

记录在 THIRD_PARTY_NOTICES.md；NOTICE.md 中的第三方组件各自遵循其原协议

- 不要 fork 参考仓库。新建干净的仓库；如需对照阅读，clone 到项目目录之外，只读不改

【Intro：一本正经地胡说（约 5 秒）】

纸张质感背景，衬线字体，纪录片式的庄重低音弦乐。画面一角是一张素描插图，

图注"图一 鹈鹕骑行图（摹本）"。两条字幕快速淡入：

「人类自古以来就痴迷于画鹈鹕骑自行车。」

「——早在自行车被发明之前。」

小字出处：——《鹈鹕骑行艺术通史》，卷一（虚构书名）

第二条落在强拍上，鹈鹕随即骑入第 1 版块。

【20 个版块，按年代】

1 撒哈拉岩画（约前4000，塔西里风格）：赭石颜料画在岩壁上，牧人和牛群停下来围观

2 埃及壁画（约前1300）：象形文字框写着"鹈鹕测试"，背景隐约可见画师打格底稿；

在此放慢定格，摆出壁画标准姿势

3 汉画像石拓片（约100，水墨）：黑底白线的拓片质感，车马出行队列里混进一辆鹈鹕自行车

4 唐代白描（约750，水墨，"吴带当风"）：纯墨线，鹈鹕的羽毛和飘带随风翻飞

5 宋代山水（约1000，水墨，致敬《溪山行旅图》）：巨峰之下，鹈鹕小到几乎看不见，镜头推近才找到它

6 清明上河图（约1100，水墨淡彩）：骑过虹桥，桥上路人纷纷回头围观

7 玛雅抄本（约1200）：折页书的一页，旁边用玛雅点横数字记录踏板圈数

8 莫卧儿细密画（约1600）：金色花边框，宫廷花园里，宾客从多个视角同时围观

9 八大山人写意（约1690，水墨）：寥寥几笔，大片留白，鹈鹕翻着标志性的白眼

10 爪哇皮影戏 Wayang Kulit（约1800）：镂空皮影鹈鹕和自行车，能看到操纵杆，车轮动得一顿一顿

11 浮世绘（1830s，广重东海道风格）：骑行在东海道上

12 梵高《星月夜》（1889）：漩涡星空随车轮一起转

13 蒙克《呐喊》（1893）：骑过那座桥，呐喊者变成被吓到的路人

14 《诺斯费拉图》（1922）：楼梯墙上，鹈鹕骑车的影子缓缓爬上去

15 示波器矢量图（1950s）：圆形绿色荧光屏，黑底，鹈鹕和自行车由发光线条构成，

带余辉拖尾和扫描抖动；梗：一只手转错旋钮，鹈鹕瞬间扭成一团李萨如图形，下一拍弹回原形

16 8-bit 像素游戏（1980s）：横版过关画面，有限调色板，像素鹈鹕骑车跳过坑洞，

吃到金币，强拍时弹出 "1UP"

17 早期聊天窗口（2000s）：虚构聊天软件窗口里发来一张鹈鹕骑车动图，

低帧数、256 色、抖动噪点；强拍时"窗口抖动"踩点，顶部显示"对方正在输入…"

18 蒸汽波（2010s）：粉紫青渐变、透视网格、低多边形棕榈树、古典大理石胸像旁观

19 竖屏短视频（2020s）：画面突然收窄成 9:16 竖屏，两侧黑边，虚构 App 界面，

点赞和评论弹幕往上飘，进度条走完时正好过画框

20 代码美学（2020s，大模型时代）：干净的深色编辑器，SVG 代码逐行写出，

鹈鹕骑车被一笔笔画出来，是全片最精致的一份答卷

每个版块有一张符合该时代风格的标题卡（中文名 + 英文名 + 年代），文字在 1080p 下必须清晰可读。

水墨版块（3、4、5、6、9）共用一套水墨渲染：宣纸纹理、墨色浓淡、飞白和晕染，

但各自保持拓片、白描、山水、界画、写意的不同笔法。

特殊转场：14→15 过画框的强拍上，诺斯费拉图墙上的鹈鹕影子"通电"，

轮廓变成示波器的绿色发光线条（带余辉），无缝进入示波器版块。

【Outro：新闻发布会（12 秒）】

- 镜头拉远，展墙按 7×3 排列，占画面宽度约 90%，字幕在下方居中

- 前 20 格按顺序放 20 个版块，各自定格着那个时代的鹈鹕

- 第 21 格是一个空的新闻发布会席位：桌上一排麦克风（不带任何真实媒体标志），

席卡写着"鹈鹕（本人）"，椅子空着

- 顺序：

1 全景：「截至目前，人类共提交了 20 份答卷。」

2 镜头缓缓推向第 21 格，闪光灯在强拍上咔嚓几下照亮空椅子

3 停住后：「鹈鹕本人对此尚未发表评论。」

4 最后一拍：鹈鹕骑车从席位后方一闪而过，头也不回，只留一声车铃，定格在空席位

【版权约束】

只致敬已进入公有领域的作品。不得模仿任何真实专辑封面、电影画面、游戏角色或受保护角色。

聊天软件、短视频平台、游戏都用虚构界面和名字，不用真实的图标、吉祥物、logo、关卡或提示音。

【节奏与时长】

120 BPM，一小节 2 秒。Intro 2 小节半（约 5 秒），每个版块 3 小节，Outro 6 小节，全片约 2:17。

每次过画框都落在强拍上，过框时镜头轻微推近一下。

每个版块内部：第 1 小节进场，第 2 小节是这一版的梗或高光（可放慢定格），第 3 小节骑向下一道画框。

脚踏一圈对应两拍。

【音乐】

同一段原创主旋律贯穿全片，每个版块换成那个时代或地域的乐器，全部程序合成，不用外部音频素材。

- 撒哈拉手鼓和人声吟唱、埃及竖琴、汉代编钟、唐代琵琶、宋代古琴、清明上河图笛子加锣鼓、

玛雅陶笛和木鼓、莫卧儿西塔琴和塔布拉鼓、八大山人箫、皮影戏甘美兰、浮世绘三味线

- 《星月夜》《呐喊》用弦乐，《呐喊》段弦乐突然走调尖叫；《诺斯费拉图》用默片钢琴和管风琴

- 示波器：正弦波蜂鸣加电子管嗡嗡声，转错旋钮时音高随李萨如图形一起扭曲

- 8-bit：两个方波、一个三角波、一个噪声通道的四声道芯片音乐，吃金币用原创音效

- 聊天窗口：MIDI 铃声风格，原创消息提示音当打击乐

- 短视频：短促的流行节拍；代码美学：干净的钢琴加合成器

- 车铃和链条声可当贯穿全片的打击乐

- Outro：所有年代的乐器齐奏主旋律，推镜时渐弱，结尾只剩一声车铃

蒸汽波（18）配乐要做出"放慢的 80 年代商场磁带"质感：

1 先合成一段原创素材：80 年代 smooth jazz / 商场背景音乐风格，FM 电钢琴弹大七、小九和弦，

无品贝斯，FM 萨克斯吹主旋律变奏，轻柔的门限混响鼓。

速度 151.2 BPM，调性比主调高 4 个半音，用 OfflineAudioContext 渲染成 AudioBuffer

2 当作磁带处理：playbackRate = 0.7937（速度和音高同时降 4 个半音，正好落回 120 BPM 和主调）；

3～5 秒长混响、湿声比例高；约 4kHz 低通让高频发闷；

约 0.5Hz 低频振荡轻微调制 detune 模拟磁带摇晃；叠一层很轻的磁带底噪

3 进入版块时"磁带减速"滑落到 0.79 倍，离开时在强拍上"磁带加速"回原速

4 第 2 小节的梗：截取半拍素材循环 3～4 次（跳针效果），再接回正常播放

【技术方向】

- 绘图：p5.js（+ p5.brush），每帧是时间 t 的纯函数，可拖动、可逐帧导出

- 结构：src/kit（共用绘图工具包）、src/beat（节拍与时间轴）、src/rig（鹈鹕和自行车骨骼木偶）、

src/scenes/*（每版块一个文件）、src/main（调度、转场、镜头）、tools/（渲染、截图、接触表）、

briefs/（每版块的美术简报）、audio/（合成配乐）

- 鹈鹕和自行车做成参数化骨骼木偶，同一套姿势交给各风格自己的绘制函数，换风格时动作保持连续；

鹈鹕的造型必须随每个风格变化（如诺斯费拉图里只出现影子）

- 每个版块在 1000×1000 单位空间内作画；视频输出 1920×1080

- 帧率：先用一段镜头平移明显的片段对比 30fps 和 60fps 再决定；

皮影戏、8-bit、聊天窗口动图这几格内部把时间量化成每秒 8～12 次更新，保留复古顿挫感，

镜头平移不受影响

- 两种交付：

1 浏览器预览页：底部播放控制条（播放/暂停、进度拖动、当前版块名），实时 Web Audio

2 成片 MP4：Puppeteer 逐帧渲染画面，音频用 OfflineAudioContext 离线渲染成 WAV，ffmpeg 合成

- 环境：Node 20+、Google Chrome、ffmpeg

【工作方式】

先和我一起确认计划，再分阶段做，每个阶段结束都停下给我看 demo：

1 骨架：工具包、节拍、Intro 字幕、路面长卷、镜头、会踩踏板的鹈鹕、

20 个标名占位色块、Outro 拉远，无声音；顺便跑通一次逐帧导出和接触表

2 先精做 3 个跨度大的风格：撒哈拉岩画、宋代山水、竖屏短视频

3 为其余 17 个版块写好美术简报，派子代理每 4～5 个一批并行制作，每批用接触表自查后给我看

4 加音乐，实时版和离线版都要对拍

5 整体打磨，导出成片