← 返回创作档案
EXPERIMENT 03 / A GOODBYE IN THE RAIN

雨停之前,说声保重

一把红伞,一班即将离开的列车。一段十秒钟的剪纸风雨夜告别。

03
雨停之前,说声保重的实际运行画面打开交互演示 ↗

01 怎么体验

点击画面开启声音,再次点击暂停或继续。动画十秒循环;请按需要调低设备音量。

画面和声音均由浏览器代码生成,无需外部素材。浏览器要求用户点击后才能播放声音。原始生成模型与对话尚未核实。

02 提示词档案

这是一份依据现有作品整理的复现参考,不是当时的原始输入。模型、版本与随机性会影响结果,不保证生成完全相同的作品。

用单文件 HTML 和 Canvas 2D 制作一段十秒循环的剪纸风动画短片,主题是「雨中站台」。

雨夜的火车站台上,黄色纸箱小人把红伞递给蓝色小人,自己走进雨中登上火车,在车窗写下「保重」。列车慢慢开走,两个人含泪挥手。

用层叠纸片、柔和投影和简洁造型表达情绪,画面以蓝灰色为主,红伞和黄色角色作为视觉焦点。让云、雨、人物与列车有清晰的前后层次,动作连贯。

用 Web Audio 生成雨声、列车声和适度配乐,用户点击后开启声音,再次点击可暂停与继续。支持用 URL 参数 t 定格某一秒,便于检查画面。不要使用外部图片或音频文件。

下载提示词 Markdown ↓

03 本次归档做了什么

  1. 保留现有 Canvas 和 Web Audio 源码,声音由用户点击后启用。
  2. 利用原作的 t 参数定格实际画面,制作站台场景封面。
  3. 整理叙事、视觉与交互要求,形成可复制的复现参考。

04 在自己的电脑运行

下载的 HTML 是原作品副本。对于 Three.js 作品,源码仍引用外部 CDN,需要联网并通过本地 HTTP 服务打开;本站在线演示使用本地打包的依赖。推荐克隆仓库后运行整个展厅:

npm ci
npm run dev

然后从作品页点击「在线体验」。不要直接双击带 ES 模块的 HTML。原作品尚未指定开放许可证,当前可查看和体验不等于已授予再分发或商用许可。

下一件实验 / NEXT EXPERIMENT把回忆拼好给你