一个使用 Three.js + MediaPipe 打造的实时 3D 粒子「土星」实验,支持手掌张合来控制星环的收束与扩散。
- 手势驱动:张开手掌放大、扩散粒子,握拳收拢,实时平滑响应。
- 物理直觉:粒子环按照开普勒定律计算角速度,展现近似真实的轨道运动。
- 视觉表现:粒子构成的土星核心与环带,亮度会随尺度改变;极大时叠加高频布朗噪点,让粒子「炸开」。
- 现代界面:全屏切换按钮、磨砂玻璃 HUD,摄像头画面微透叠加。
无需打包工具,直接用任意静态服务器打开根目录即可(需 HTTPS 或 localhost 以启用摄像头权限)。例如:
python -m http.server 8000
# 或
npx serve .然后在浏览器访问 http://localhost:8000,授权摄像头后即可体验手势交互。