交互式3D粒子星系

这是一个使用 Three.js 和 MediaPipe Hands 构建的交互式3D粒子星系项目。用户可以通过手势和UI控件与星系进行交互。

功能

• 3D粒子星系渲染：使用 Three.js 渲染一个美丽的、程序生成的3D螺旋星系。
• 手势控制：使用 MediaPipe Hands 进行实时手势识别，允许用户通过手势与星系互动：
  • 超新星爆炸：左手握拳然后展开，可以触发超新星爆炸效果。
  • 粒子吸引：在超新星爆炸后，握住左拳可以吸引粒子。
  • 粒子引导：挥动双手可以影响附近粒子的运动。
• UI控制面板：一个浮动控制面板，允许用户实时调整各种参数：
  • 粒子数量
  • 旋转速度
  • 引力强度
  • 连线概率
  • 连线距离
• 随机连线：粒子之间会根据距离和概率随机生成连线，创造出星座网络的效果。
• 动态视觉效果：粒子颜色会根据其速度变化，提供动态的视觉反馈。
• 暂停/继续：按空格键可以暂停或继续动画。

技术栈

• HTML/CSS/JavaScript：项目的基础。
• Three.js：用于3D渲染。
• MediaPipe Hands：用于手势识别。

如何运行

1. 下载 3Duniverse.html 文件。
2. 在现代网络浏览器中打开该文件。
3. 确保您的计算机已连接摄像头，并授予浏览器访问摄像头的权限。