体感版「快刀切水果」· 离线使用说明 ===================================== 一、怎么开始(只需一步) 双击本文件夹里的 start-game.bat → 会自动在后台起一个本地服务,并打开浏览器 → 页面地址是 http://localhost:8765/ → 浏览器弹出「允许使用摄像头」时点【允许】,然后把脸/手伸到镜头前 需要停止:关掉任务栏上那个最小化的「Fruit Slash Server」窗口即可。 二、为什么必须用 start-game.bat,不能直接双击 index.html 浏览器规定:只有 http://localhost 或 https 的页面才允许调用摄像头。 直接双击 index.html 是 file:// 来源,摄像头会被浏览器直接拒绝 (这就是之前一直「摄像头打不开」的原因之一)。 index.html 里已经写了自动跳转,但本地服务没起来时跳过去也是打不开, 所以请统一从 start-game.bat 进入。 三、完全离线 手部识别模型(MediaPipe)和 3D 引擎(Three.js)都已经放在 vendor 文件夹里, 整个游戏不需要联网,断网也能玩。不要删除 vendor 文件夹。 四、摄像头还是打不开时,按顺序检查 1. 浏览器地址栏左侧的 🔒 / 摄像头图标 → 选择「允许」,然后点页面上的「重试摄像头」 2. Windows 设置 → 隐私和安全性 → 摄像头 → 打开「摄像头访问」和「让桌面应用访问摄像头」 3. 关掉可能占用摄像头的程序:腾讯会议、微信视频通话、OBS、钉钉等 4. 电脑有多个摄像头(或装过虚拟摄像头)时,点「重试摄像头」下方的下拉框换一个设备 5. 页面顶部胶囊会一直显示识别状态;没认到手时右下角会出现「送模型画面」小窗, 能直接看到喂给模型的画面、亮度和骨架,方便判断是光线问题还是设备问题 五、文件说明 start-game.bat 启动器:起本地服务 + 打开浏览器(双击这个) server.ps1 本地静态服务(用 Windows 自带的 PowerShell,不需装任何东西) index.html 游戏页面 main.js 游戏逻辑(切水果、手部识别、计分、血量) textures.js 水果贴图 style.css 样式 vendor/ 离线依赖:three.module.js + MediaPipe Hands 模型 camera-diagnose.html 摄像头五步自检页(打不开时可打开它单独排查) 六、玩法 五根手指任意一根划过水果都能切开(手掌也行) 开局约 30 秒热身:节奏慢、不出炸弹;之后出果越来越密、炸弹变多 切到 ❤️ 爱心回 1 颗心;切到 💣 炸弹扣 2 颗心;水果落地掉 1 颗心 共 5 颗心,掉光结束 七、技能:两指清屏(AOE) 手势:食指 + 中指比「V」(剪刀手),保持约 0.3 秒 效果:中心炸开一圈冲击波,清掉画面里所有水果 —— 水果照常计分,炸弹会被"安全拆除"(不扣血) 冷却:9 秒;右上角胶囊会显示「就绪 / 冷却 8.2s」 注意:放完技能要先松开手势,再比一次才能重新蓄力,避免一直举着手连放