我用原生 JS 做了一个「会呼吸」的博客:Canvas 水境 + 合成音效 + 会破裂的留言气泡(vibe coding)我用原生 JS 做了一个交互式的个人博客:Canvas 水境 + 合成音效 + 会破裂的留言气泡摘要:本文复盘我的纯前端项目「沉浸式水境博客」——一个没有框架、没有构建、没有一张音频图片素材的个人博客。内容包括:全屏翻页与场景联动的整体设计、Canvas 实时绘制的水波/游鱼/气泡/涟漪、完全用 Web Audio 合成的 7 种音效、以及一个会把留言变成气泡送上海面再「啪」地挤破的留言板。最后记录了部署 GitHub Pages 时用户站点与项目站点的命名大坑。全文代码均可直接参考,线上地址与开源仓库见