鹈鹕骑自行车 · 2D SVG 动画

✨ 作品介绍

这幅《鹈鹕骑行记》是一部纯前端原生打造的 2D SVG 矢量动画 网页。一只憨态可掬的大嘴鹈鹕佩戴着飞行风镜、系着红白条纹围巾，惬意地踩着复古橄榄绿单车，在微风徐来的林荫大道上破风前行。车头的编织车篮里还装着一条活蹦乱跳的红色小锦鲤，趣味盎然。

🎮 交互玩法与快捷操作

画面支持直接鼠标点击与键盘全局快捷键（在画面内部点击即可生效）：

• 空格键 (Space)：暂停 / 继续骑行，随心控制踩踏节奏。
• B 键 或 点击单车铃铛：清脆悦耳的“叮铃铃~”双音响铃，伴随声波扩散光效。
• H 键 或 点击鹈鹕粉红喉囊：激发鹈鹕独具特色的低沉鸣叫，嘴兜泛起高光律动。
• 点击车篮小红鱼：小红鱼欢快跃动，泛起水珠并伴有“啵灵”音效。
• 顶部场景切换：支持一键切换「清晨日光」（天朗气清）、「暖橙黄昏」（晚霞璀璨）与「静谧星夜」（深蓝流光）三种唯美意境。

🛠️ 技术与设计亮点

• 纯原生 2D SVG 矢量构图：角色、单车、树林、远景与阴影皆由纯矢量路径绘制，任意高分辨率 Retina 屏幕下均极致细腻清晰。
• 同轴机械联动物理动效：通过严谨的几何与角度换算，真实重现双脚踩踏、脚踏板曲柄旋转、齿轮盘转速、轮胎辐条转动及车身颠簸的自然韵律。
• Web Audio API 实时音频合成：无需任何额外 mp3/wav 外部音频文件依赖，车铃金属泛音、鹈鹕叫声与水滴声均由代码实时合成，秒开零延迟。