🚀 零硬件外设 · 零安装 · 扫码即玩

WEB MOTION ARENA

基于手机前置摄像头(MediaPipe 姿态解算)与电脑/电视大屏(Three.js 3D 渲染)的下一代 Web 体感游戏平台。

1
电脑/电视打开【大屏端】
➔
2
手机扫码连接【手柄端】
➔
3
镜头对准身体【畅快体感】
3D 物理投篮 · 脊柱正交坐标系
🏀

NBA 三分球大赛

高拟真 3D 篮球馆。通过手机摄像头解算脊柱正交坐标系、前臂无量纲化速度,实现“抬手蓄力 $\to$ 挥臂推射 $\to$ 压腕随挥”的真实空心入网闭环。

  • 脊柱正交坐标系(脱离手机歪斜与站位偏角)
  • 1€ 工业级自适应滤波(消除抖动,高速零延迟)
  • 5 点位三分循环、花球两分与真实入网音效
🖥️ 电脑 / 电视大屏 全屏 3D 沉浸
📱 手机端体感手柄 扫码连接或单机体验
双持光剑 · 126 BPM 动态合成器
⚔️

赛博节奏光剑

Cyberpunk 霓虹高速赛道。手机端双持姿态解算,实时驱动大屏红/蓝能量光剑,伴随 Web Audio 合成器电子节拍,下劈、上挑、水平斩碎迎面飞来的音符方块!

  • 双手 3D 轨迹独立追踪与光剑倾角解算
  • 纯前端 Web Audio 合成器 126 BPM 动态混音
  • 音符方块物理切割抛掷与 40+ 霓虹火花粒子
🖥️ 电脑 / 电视大屏 全屏 3D 沉浸
📱 手机端体感手柄 扫码连接或单机体验
体感跑酷 · 3D 街区穿梭 · 全身轻有氧
🏃‍♂️

城市漫步:街巷跑酷

神庙逃亡体感重构版!金黄落日梧桐街道。身体重心侧倾换道、半蹲穿过遮阳棚、双手高举跃过路障、单臂大挥漂移入弄堂,伴随 Lo-Fi 节拍踏步漫步!

  • 重心迟滞滤波(稳定识别左/中/右车道且不眩晕抖动)
  • 90° 慢动作十字路口挥臂转弯与沉浸式街区切换
  • 热拿铁冲刺磁铁、经典地标拍立得相纸打卡收集
🖥️ 电脑 / 电视大屏 全屏 3D 沉浸
📱 手机端体感手柄 扫码连接或单机体验
大满贯对抗 · 动力链时机解算 · 上旋切削
🎾

大师巡回赛:体感网球

参考任天堂 Sports 网球与大满贯赛事!抛球发球扣杀、正手暴力抽球、反手直线变线,提拉上旋与下旋切削,全屏 3D 温网/硬地球场与 AI 激战!

  • 侧身引拍与击球时机算法(早挥打对角、甜区抽直线、迟挥推外角)
  • 真实网球空气动力学(重力、上旋马格努斯下坠、切削滑行漂浮)
  • 大满贯实时判罚记分系统(Love/15/30/40/Deuce/ACE/OUT)与拟真爆鸣音
🖥️ 电脑 / 电视大屏 全屏 3D 沉浸
📱 手机端体感球拍 扫码连接或单机体验
⚙️ 体感引擎中间层架构 (Motion SDK)
📐 /sdk/motion-core.js 三维向量数学库、1€ 滤波器、人体脊柱正交坐标系(消除手机后仰偏角)、前臂尺度无量纲化。
📷 /sdk/motion-sensor.js MediaPipe Pose 驱动、硬件视频帧去重锁(消灭 120Hz 锯齿归零)、双通道置信度融合与相机管理。
📡 /sdk/motion-link.js WebSocket 毫秒级中继、4位 PIN 码房间自动配对、多设备双向信令解耦。
🥊 /sdk/gestures/ 针对具体玩法的扩展手势器(已提供 Basketball 投篮状态机、BeatSaber 双持斩切、CitywalkRunner 跑酷及 Tennis 网球击球状态机)。