母亲节，我做了一个交互网页

今年母亲节，我想送妈妈一份不一样的礼物。

不是鲜花，不是蛋糕，而是一个打开就能感受到心意的交互网页。从构思到实现，我用了一个下午。但我觉得，这是今年母亲节我做的最值的一件事。

从一盏灯开始

故事的起点是一句很简单的想法：

“为她点一盏灯”

页面的前几秒是安静的——深紫色的夜空中，八十颗星星缓缓眨着眼。触碰屏幕，金色的萤火虫从指尖流淌而出，汇聚成一条光河，引向一盏若隐若现的灯笼。

那盏灯笼上写着：「为妈妈点一盏灯」

点击的瞬间——

整个画面被暖金色的光芒吞没，五彩纸屑从四面八方炸裂开来，带着⭐星星和✨光点。四层极光在背景中缓缓漂移，钢琴旋律从耳机里流淌而出。

然后，祝福的文字从模糊中渐渐清晰：

妈妈
谢谢你用一生的温柔，照亮了我所有的路
🌸 永远爱您 🌸
—— 你的孩子

花瓣、爱心、蝴蝶漫天飘落。整个过程大约 10 秒，但那种被爱包围的感觉，会一直留在心里。

这一切，只用了一个 HTML 文件。打开即用，无需安装，无需网络。

用 Web Audio API 完全用代码合成了一首简短的钢琴摇篮曲：

特性	实现
粒子系统	Canvas 自绘萤火虫光流，带渐变辉光和连线
五彩纸屑	canvas-confetti 库，5 波连爆 + 星星形状 + 金雨
背景音乐	Web Audio API 合成，零外部依赖
烟花音效	Web Audio API 合成（低频 boom + 噪声 crack + 高频 sparkle）
响应式	移动端优先，触摸事件完整支持
重放	可反复点击重新体验

点击下面的按钮，打开这个小小的交互世界。建议戴上耳机，调大音量，然后 触碰屏幕，找到那盏灯笼 ✨

我们总说”爱要表达”，但有时候千言万语不如一个精心准备的瞬间。

这个网页只有几十 KB，但它承载的是我想对妈妈说的所有话：

谢谢你。我爱你。

如果你也想给妈妈做点什么，不妨从一个小小的网页开始——代码也可以很温暖。

Happy Mother’s Day 💝