灯芽的小故事

✳ 一部用代码讲述的原创小故事

灯芽与
回声种子

雨停之后,山坡小镇没有了灯火。灯芽沿着一条干涸的小溪,去寻找一颗会记住雨声的种子。

从头看故事 ↓

约 5 分钟 · Canvas + JavaScript · 可开启原创音效

01 / 放映

听见雨落下以前

原创 · 约 05:00
序章 · 雨后的静默音效未开启
有些夜晚,连星星也忘了怎么发光。
00:0005:00

按空格键播放或暂停,方向键可前后跳 10 秒。声音需要点击“音效”后开启;可随时静音。

02 / 故事与场景

一颗种子,记得整场雨

山坡小镇经历了一场漫长的旱季,夜里最后一盏街灯也熄灭了。机器猫灯芽循着地底传来的微弱回声,找到一颗沉睡在干涸河床里的种子。它要把种子送回山顶,让云朵想起这里曾经下过雨。

01

失去的灯火

小镇陷入黑暗。灯芽尾尖的种子灯也快耗尽;一阵地底的轻响从干河床传来。

02

河床里的种子

灯芽和小禾挖开一层层圆石,在河床最深处找到一颗藏着银色雨纹的种子。

03

听见回声

种子没有立刻发芽。灯芽将它贴近胸口,听见里面传来很多年前的雨声,也听见小镇曾经的歌。

04

把雨带回来

灯芽爬上风车山顶,把种子放在古老的风铃下。它用尾灯照亮云路,小禾摇响风铃,回声穿过夜空。

05

新的春天

云朵带着雨回到山坡。种子长成会发光的小树,溪水再次流过小镇。灯芽把最后一颗光点留给窗边的小花。

03 / 中文字幕

故事会在这里说话

播放时字幕会随场景同步出现;点任意一句,可以从那里继续观看。

    04 / 制作手记

    这是完全在浏览器里运行的 Canvas 动画:每一帧都由 JavaScript 即时绘制,不是嵌入的视频。原创音景由 Web Audio API 合成,第一次点击“音效”后才会播放。灯芽、故事和场景为原创设计。

    若设备开启了“减少动态效果”,动画仍可播放,但画面运动会更轻缓。此页不需要安装应用或额外插件。