Webcam Runner—基于网络摄像头的沉浸式跑步游戏

Webcam Runner 是一款创新的跑步游戏，通过网络摄像头检测用户的动作，让用户的身体动作直接控制游戏角色在无限生成的3D场景中奔跑。游戏新增了 AI陪跑功能，能够提供实时动作指导和个性化反馈，让玩家在锻炼的同时享受游戏的乐趣。

• 地址：https://camrun.beautare.com
• GitHub：https://github.com/Jamesun921/cam-run

技术架构

核心框架

• Three.js：用于3D场景渲染，实现无限地形生成、场景物体处理以及相机动画管理。
• MediaPipe Pose：用于动作检测，支持全身和半身动作识别，提供实时姿势估计、关键点追踪、用户距离检测（支持近距离模式）以及动作力度计算（基于用户体重）。

功能特性

现有功能

• AI运动陪跑：
  • 实时动作指导，帮助玩家优化跑步姿势。
  • 个性化反馈系统，根据玩家的动作提供定制化建议。
  • 自适应难度调节，根据玩家的表现动态调整游戏难度。
  • 运动强度监测，实时显示玩家的运动强度。
• 基础3D场景：
  • 无限地形生成，提供多样化的跑步环境。
  • 基本场景物体，增加游戏的趣味性和挑战性。
  • 动态相机系统，增强玩家的沉浸感。
• 动作检测系统：
  • 支持全身/半身检测，精准识别玩家的动作。
  • 实时动作分析和智能运动判定，确保游戏的流畅性。
  • 用户距离检测（支持近距离模式），适应不同环境。
  • 动作力度计算（基于用户体重），提供更真实的运动体验。

系统要求

• 处理器：Intel i3 或同等性能的处理器（建议支持 AVX 指令集）。
• 网络摄像头：支持 720p 分辨率的摄像头。
• 浏览器：Chrome 或 Edge 最新版本（建议使用 Chrome，因为 MediaPipe 在 Chrome 上的性能最佳）。
• 内存：4GB RAM 及以上。
• 显卡：支持 WebGL 2.0 的显卡（如 Intel HD Graphics 4000 或更高）。

安装和运行

1. 克隆项目：
   • 使用 Git 将项目克隆到本地。
2. 运行游戏：
   • 在浏览器中打开 index.html 文件。
   • 允许浏览器访问网络摄像头权限。
3. 开始游戏：
   • 根据屏幕提示调整姿势，即可开始跑步游戏。