主题：用文字、雨声和物理运动构成互动叙事。
媒体 / 2026-07
雨声代笔 · 互动生成艺术
独立设计并实现的全屏互动艺术网页，将气泡、打字、雨滴涟漪和可触碰字母组合成一段可参与的体验。
交互：点击或拖动，让画面中的字母脱落。
实现：Canvas 绘制、音效混合与移动端适配。
边界：只展示交互机制，不公开私人信件正文。
背景
独立设计并实现的全屏互动艺术网页，将气泡、打字、雨滴涟漪和可触碰字母组合成一段可参与的体验。
目标
让阅读从静态文字变成可以听、看和触碰的体验。
方案
用 Canvas 绘制字母、雨滴、纸面涟漪与底部堆积层，并用 Web Audio 控制雨声、撞击声和音乐。
交付
完成开场、字母组装、雨落互动、重播、音量控制和响应式移动端布局。
结果
项目记录了移动端版式、触控与播放流程的视觉检查；公开案例仅说明交互与实现，不展示私人内容。
复盘
动态视觉需要兼顾节奏、可操作性和移动端性能，因此对落字堆积与雨滴音效做了针对性优化。
PROJECT LINKS