竹知了网页版模拟器源码 - 独立后台管理+自定义弹窗广告系统

一款将传统竹蝉玩具搬进浏览器的网页模拟器,支持手动拖拽、自动甩动、手机体感三种玩法,配备独立后台管理与自定义弹窗广告系统,适合个人部署与商业运营,竹知了(别名:竹蝉、拉线蝉、知了哇呜)是一种中国传统民间玩具——两片竹片、一根绳子,甩起来就会发出“哇——哇——”的叫声。本系统将其完整复刻到网页端,用 真实录音采样 + 绳系质点物理模拟 在浏览器中还原发声过程

系统采用 独立后台架构,支持管理员自定义弹窗内容、站点信息等配置,无需修改代码即可完成个性化设置。弹窗广告系统提供 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://你的域名/

竹知了网页版源码 - 独立后台版

免责声明:本站资源来源于互联网收集,版权归原作者所有,本站资源只能用于参考学习,请勿直接商用。  若由于商用引起版权纠纷····一切责任使用者自行承担。(特此声明)  如若本站内容侵犯了原著者的合法权益,可联系我们核实删除,邮箱:785557022@qq.com  ···(如需商用请去相关官方网站购买正版,我们永远支持正版。)