# AIORZ WebAR

一个基于 React + Three.js + MediaPipe 的 WebAR 手势识别粒子效果项目。

## 功能特性

- 🎨 实时粒子效果渲染
- 🤲 手势识别（拳头、胜利手势、食指、拇指等）
- 🎯 多种粒子形状切换（球体、土星、文字、心形、机器人）
- 📱 响应式设计
- ⚡ 基于 Vite 的快速开发体验

## 快速开始

### 安装依赖

```bash
npm install
```

### 启动开发服务器

```bash
npm run dev
```

项目将在 `http://localhost:3000` 启动。

### 构建生产版本

```bash
npm run build
```

### 预览生产构建

```bash
npm run preview
```

## 手势控制

- **🖐️ 张开手掌** - 重置为球体（SPHERE）
- **✊ 握拳** - 显示土星（SATURN）
- **✌️ 胜利手势** - 显示品牌标识（IDENTITY）
- **☝️ 食指** - 显示机器人（MECHA）
- **👍 拇指** - 显示心形（HEART）

## 技术栈

- React 18
- TypeScript
- Three.js (通过 CDN 加载)
- MediaPipe Hands (通过 CDN 加载)
- TailwindCSS
- Vite

## 注意事项

- 需要浏览器支持摄像头访问权限
- 建议使用 Chrome 或 Edge 浏览器以获得最佳体验
- 需要 HTTPS 环境或 localhost 才能访问摄像头