
一款将传统竹蝉玩具搬进浏览器的网页模拟器,支持手动拖拽、自动甩动、手机体感三种玩法,配备独立后台管理与自定义弹窗广告系统,适合个人部署与商业运营,竹知了(别名:竹蝉、拉线蝉、知了哇呜)是一种中国传统民间玩具——两片竹片、一根绳子,甩起来就会发出“哇——哇——”的叫声。本系统将其完整复刻到网页端,用 真实录音采样 + 绳系质点物理模拟 在浏览器中还原发声过程。
系统采用 独立后台架构,支持管理员自定义弹窗内容、站点信息等配置,无需修改代码即可完成个性化设置。弹窗广告系统提供 3种内容样式,可接入商业广告实现流量变现。
🎯 核心功能
1. 三种玩法,还原真实体验
| 玩法 | 说明 |
|---|---|
| 手动拖拽 | 按住屏幕画圈,竹筒在弹性绳上旋转,转速越快声音越大 |
| 自动甩 | 点击按钮自动匀速旋转,不想动手时一键开启 |
| 甩手机(体感) | 移动端握住手机划圈,通过陀螺仪检测摇晃直接驱动甩杆 |
真实物理模拟:系统模拟了重力、弹性绳拉力、空气阻力等物理参数,竹筒绕甩杆转得越快、绳越紧,声音越响越亮;角速度低于约1.1圈/秒或绳未张紧时不发声,松手后靠惯性余音渐歇。
2. 声音引擎:真实录音 + 合成兜底
主音源:从实拍视频截取的真实竹知了录音采样(1.72秒,恰好4个“哇”周期),以AAC格式内嵌在HTML中保持单文件-
回放变速:录音回放速率随甩动转速变化,甩得越快叫得越急越高
合成兜底:采样解码失败时自动回退到Web Audio合成音效,包含锯齿波振荡器、调幅摩擦噪声、并联带通共振峰等。
独立后台管理系统
访问
/admin/目录,首次进入会进入「创建管理员」页面,设置账号密码后即可登录后台。后台可配置项:
右上角按钮文字
弹窗标题和描述
弹窗内容样式(三选一)
二维码图片和名称
左下角站点链接
部署步骤
1. 上传文件
将
user/目录下所有文件上传到PHP服务器的任意目录:https://你的域名/ → 根目录部署 https://你的域名/zhuzhiliao/ → 子目录部署
2. 验证PHP是否正常
浏览器访问:
https://你的域名/api.php?action=ping
正常应返回类似:
{"ok":true,"storage":"sqlite","php":"8.0.26"}3. 配置后台
访问管理员后台:
https://你的域名/admin/
首次打开进入「创建管理员」页面,设置账号密码。
登录后台后即可配置弹窗内容、按钮文字、二维码等。
4. 打开用户页面
配置完成后,访问用户页面即可体验:
https://你的域名/


