一个用于测试手指点击速度的微信小程序，支持多种测试时长、两种游戏模式，实时显示点击次数和CPS（每秒点击次数），并提供9级速度等级评定。
- 多种测试时长：5秒、10秒、15秒、30秒自由选择
- 两种游戏模式：
- 经典模式：简洁的纯点击测试，带水波纹动画和触觉反馈
- 场景模式：沉浸式体验，含背景视频、枪声音效（Web Audio API 合成）和枪口火焰特效
- 实时数据展示：点击次数和倒计时每50ms刷新
- 9级速度评定：从「新锐」到「传奇」，配有专属颜色和徽章图标
- 最佳成绩记录：本地存储最佳点击数和最佳CPS
- 历史记录：最多保存50条测试记录，支持单条删除和批量清空
- 分享成绩：通过微信分享卡片展示CPS和等级
- 横屏模式：经典模式支持横屏切换
- 震动与音效反馈：每次点击触发短震动，场景模式含合成枪声音效
click-speed-test/
├── app.js # 应用入口，加载最佳成绩
├── app.json # 应用配置（5个页面）
├── app.wxss # 全局样式
├── project.config.json # 微信开发者工具配置
├── sitemap.json # 站点地图
├── 项目图片.jpg # 项目截图
├── images/
│ ├── fire.mp4 # 场景模式背景视频
│ └── levels/ # 9个等级徽章图片（PNG）
├── utils/
│ └── util.js # 工具函数（CPS计算、等级判定、时间格式化）
└── pages/
├── index/ # 首页 - 时长选择、开始游戏、历史记录入口
├── game/ # 经典模式 - 纯点击测试
├── scene-game/ # 场景模式 - 沉浸式点击测试
├── result/ # 结果页 - CPS柱状图和等级展示
└── history/ # 历史记录页 - 最近50条测试记录
- 下载并安装 微信开发者工具
- 注册微信小程序账号并获取 AppID（或使用测试号）
- 打开微信开发者工具
- 选择「导入项目」
- 项目目录选择
click-speed-test文件夹 - 填入你的 AppID（或使用测试号）
- 点击「导入」
- 导入成功后，开发者工具会自动编译
- 在模拟器中预览效果
- 点击「预览」生成二维码，可用手机扫码体验
| 等级 | CPS范围 | 图标 |
|---|---|---|
| 新锐 | < 2.0 |  |
| 精英 | ≥ 2.0 |  |
| 专家 | ≥ 3.5 |  |
| 大师 | ≥ 5.0 |  |
| 枪王 | ≥ 6.5 |  |
| 枪皇 | ≥ 8.0 |  |
| 枪圣 | ≥ 9.5 |  |
| 枪神 | ≥ 11.0 |  |
| 传奇 | ≥ 12.5 |  |
编辑 project.config.json 文件，将 appid 字段替换为你的小程序 AppID：
{
"appid": "your-appid-here",
...
}- 主题色：编辑
app.wxss中的 CSS 变量 - 背景渐变：编辑各页面 wxss 文件中的
background属性 - 按钮样式：修改
.btn-primary等类名的样式
- 微信小程序原生框架（基础库 3.15.2）
- WXML + WXSS
- JavaScript ES6+
- Web Audio API（枪声音效合成）
- 本地存储（wx.setStorageSync）
- 计时器：使用
setInterval实现50ms精度的倒计时 - 点击计数：通过
bind:tap事件监听点击，带水波纹动画 - CPS计算：总点击次数 / 测试时长（
utils/util.js） - 等级判定：根据CPS匹配9个速度等级
- 数据持久化：使用
wx.setStorageSync存储最佳成绩和历史记录 - 音效合成：场景模式使用 Web Audio API 生成枪声（白噪声突发 + 低频振荡器）
- 点击区域需要快速连续点击，请确保手指接触面积足够大
- 测试结果可能因设备性能和屏幕响应速度略有差异
- 建议在真机上测试以获得最佳体验
- 场景模式的音效需要设备支持 Web Audio API
MIT License