竹知了 Web 版：用手机或电脑“甩”出童年蝉鸣的零依赖单文件玩具

还记得小时候那个一转就“哇——哇——”叫个不停的小竹筒吗？竹知了（Zhuzhiliao）是一款完全复刻传统竹制发声玩具的开源 Web 应用，无需安装、不联网、不依赖任何外部库，打开一个 HTML 文件就能玩。它把儿时甩动竹筒时的物理手感、声音节奏和共鸣质感，用现代 Web 技术原汁原味地搬进了浏览器里——不是音效播放器，而是一台会呼吸、有惯性、懂物理的数字玩具。

核心功能

• 真实触感交互：在手机或平板上按住屏幕画圈，Canvas 实时渲染竹筒旋转轨迹，指尖位置自动抬升锚点，避免遮挡，模拟真实甩动手感
• 智能声学引擎：主音源采用实录竹知了 4 个完整“哇”周期的高质量 AAC 采样（1.72 秒无缝循环），回放速率与转速实时联动，越快越急越高亢
• 兜底合成音效：当设备不支持音频解码时，自动切换至纯 Web Audio 合成链——松香摩擦脉冲、低频调幅颗粒感、竹膜三峰共振、相位扫频“哇哇”律动，全部手写实现
• 重力甩动模式（手机专属）：开启后握持手机划圈，通过 DeviceOrientation API 获取机身坐标系角速度，直接驱动虚拟甩杆，iOS 首次使用需轻点授权
• 一键自动甩：懒人友好模式，点击按钮或按空格键，程序自动模拟匀速旋转，声音随设定转速稳定输出
• 离线即用 & 局域网共享：双击 index.html 即可运行；本地起 Python 静态服务（python3 -m http.server 8123），同一 Wi-Fi 下手机扫码即玩

适合哪些人用

这款玩具面向所有怀念童年声音、热爱极简交互、或对 Web 前端物理仿真感兴趣的用户：中小学老师可用它讲解声学与振动原理；UI/UX 设计师能从中学习触控反馈与运动映射的设计细节；前端开发者可研读其零依赖 Canvas + Web Audio 架构；而对大多数普通用户来说——它就是一份无需下载、不占空间、甩两下就能会心一笑的数字乡愁。

快速上手

完全免安装！只需两步：

1. 访问在线版直接体验：https://zhuzhiliao.imsai.cc（推荐手机横屏操作）
2. 或前往 GitHub 下载 index.html 文件，双击打开即可——无需网络、无需构建、无需 Node.js，连离线火车上也能玩

进阶玩法：将项目文件夹放在电脑中，终端执行 python3 -m http.server 8123，手机浏览器访问 http://[你的电脑IP]:8123，即可局域网实时联机甩动。

项目信息

编程语言：HTML（含内嵌 CSS/JS）｜Star 数：635｜开源协议：未声明（默认 MIT 可商用）｜GitHub 项目地址

它用最朴素的单文件，装下了最生动的物理世界——这不是玩具的数字化，而是童年记忆的 Web 原生回归。