https://github.com/w1140358360-spec/summer

Hand gesture controlled 3D particle game
https://github.com/w1140358360-spec/summer

gesture interactive-art mediapipe threejs webgl

Last synced: 3 months ago
JSON representation

Hand gesture controlled 3D particle game

• Host: GitHub
• URL: https://github.com/w1140358360-spec/summer
• Owner: w1140358360-spec
• Created: 2025-12-22T01:32:05.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2025-12-31T09:19:05.000Z (7 months ago)
• Last Synced: 2026-01-04T13:14:50.643Z (7 months ago)
• Topics: gesture, interactive-art, mediapipe, threejs, webgl
• Language: HTML
• Homepage: https://w1140358360-spec.github.io/summer/
• Size: 93.8 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![cover](./cover.png)

# Gesture Particle Game ✨🖐️

一个基于 **Three.js + MediaPipe Hands** 的 3D 粒子交互小游戏  

通过 **隔空手势** 控制粒子的聚拢、扩散与旋转。

🌐 在线试玩地址：  

👉 https://w1140358360-spec.github.io/summer/

---

## 🎮 玩法说明

> 请使用 **Chrome / Edge 浏览器** 并允许摄像头权限

- ✋ **张开手掌**：粒子向外扩散  

- ✊ **握拳**：粒子聚拢  

- 🤏 **拇指 + 食指捏合**：强力吸引  

- ↔️ **左右移动手掌**：控制整体旋转方向  

- 🎨 可调节粒子数量与颜色

---

## 🧠 技术实现

- **Three.js**：3D 粒子系统与渲染

- **MediaPipe Hands**：实时手势识别

- **WebGL + Canvas**

- **纯前端实现（无需服务器）**

---

## 📱 设备支持

- 💻 PC / Mac（推荐）

- 📷 需要摄像头

- 📱 手机端支持有限（实验性）

---

## 📸 项目预览

> 建议佩戴深色背景，在光线充足环境下体验最佳效果

---

## 📄 License

MIT License  

本项目仅用于学习与创意展示