# gemini3创意玩法

**Repository Path**: tomdac/gemini3-creative

## Basic Information

- **Project Name**: gemini3创意玩法
- **Description**: gemini3创意玩法合集源码分享
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: https://fsuied.com/gemini-case.html
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-08
- **Last Updated**: 2025-12-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript

## README

# Gemini 3D Web Interaction Collection / Gemini 3D 网页交互合集

[English](#english) | [中文](#chinese)

<a name="english"></a>

Based on **Google Gemini** & **MediaPipe** technology, this collection features a series of web-based 3D gesture interaction demos developed by the **UIED Technical Team**.

## Demos Included

| File | Demo Name | Description |
|------|-----------|-------------|
| `gemini.html` | **3D Christmas Tree** | Interactive 3D Christmas tree with gesture controls for rotation, aggregation, and scattering effects. |
| `gemini-1.html` | **Gesture Fruit Ninja** | Slice fruits in 3D space using hand gestures. |
| `gemini-2.html` | **Particle Galaxy** | Manipulate a particle system galaxy with hand movements. |
| `gemini-3.html` | **Space Goalkeeper** | Defend the goal in space using hand tracking. |
| `gemini-4.html` | **Air Canvas** | Draw in the air with "Air Graffiti" using finger pinch gestures. |
| `gemini-5.html` | **Magic Shield** | Doctor Strange style magic shield interaction. |
| `gemini-6.html` | **Space Defender** | Space shooter game controlled by hand gestures. |
| `gemini-7.html` | **Cyber Slice** | Cyberpunk-themed slicing game. |
| `gemini-8.html` | **Neon Brick Breaker** | Classic brick breaker game with a neon twist and gesture controls. |

## Technology Stack

- **Three.js**: 3D Rendering engine.
- **MediaPipe Hands**: Real-time hand tracking and gesture recognition.
- **Google Gemini**: AI integration (in select demos).
- **HTML5/CSS3**: UI and layout.

## How to Run

1. Clone this repository.
2. Since these demos require camera access and ES modules, you must run them on a local server (HTTPS required for mobile).
   ```bash
   # Python 3
   python -m http.server 8000
   
   # or Node.js http-server
   npx http-server .
   ```
3. Open `http://localhost:8000/gemini.html` (or other files) in your browser.

## Requirements

- A modern browser with WebGL and Camera support (Chrome, Edge, Safari).
- **HTTPS** is required for camera access on mobile devices.

---

<a name="chinese"></a>

## 项目介绍 (Chinese Introduction)

基于 **Google Gemini** 与 **MediaPipe** 技术，本合集展示了一系列由 **UIED 技术团队** 开发的 Web 3D 手势交互演示。通过简单的摄像头，即可在网页中体验流畅的 3D 交互效果。

## 演示列表

| 文件名 | 演示名称 | 描述 |
|------|-----------|-------------|
| `gemini.html` | **3D 圣诞树** | 交互式 3D 圣诞树，支持手势旋转、聚合和散开特效。 |
| `gemini-1.html` | **手势切水果** | 在 3D 空间中挥手切开水果。 |
| `gemini-2.html` | **粒子星系** | 用手部动作操控绚丽的粒子星系。 |
| `gemini-3.html` | **太空守门员** | 使用手势追踪守卫球门，抵挡飞来的物体。 |
| `gemini-4.html` | **隔空画布** | 使用拇指和食指的捏合手势在空中进行“隔空涂鸦”。 |
| `gemini-5.html` | **魔法盾牌** | 奇异博士风格的魔法盾牌交互，跟随手部移动。 |
| `gemini-6.html` | **太空防御者** | 手势控制战机移动与射击的太空射击游戏。 |
| `gemini-7.html` | **赛博切切乐** | 赛博朋克风格的 3D 切削游戏。 |
| `gemini-8.html` | **霓虹打砖块** | 经典打砖块游戏的霓虹风格手势版，移动手掌控制挡板。 |

## 技术栈

- **Three.js**: 3D 渲染引擎。
- **MediaPipe Hands**: 实时手部追踪与手势识别。
- **Google Gemini**: AI 集成 (部分演示)。
- **HTML5/CSS3**: 界面与布局。

## 如何运行

1. 克隆本仓库到本地。
2. 由于这些演示需要调用摄像头权限以及加载 ES 模块，**必须在本地服务器上运行** (直接双击打开 HTML 文件无法运行)。
   
   **启动本地服务器示例：**
   ```bash
   # 如果安装了 Python 3
   python -m http.server 8000
   
   # 或者使用 Node.js http-server
   npx http-server .
   ```
3. 在浏览器中访问 `http://localhost:8000/gemini.html` (或访问其他文件)。

## 环境要求

- **浏览器**：现代浏览器，支持 WebGL 和摄像头 (推荐 Chrome, Edge, Safari)。
- **移动端**：如果要在手机上体验，必须通过 **HTTPS** 协议访问，否则无法获取摄像头权限。

## Credits / 致谢

**UIED Technical Team / UIED 技术团队**
- Website: [https://fsuied.com](https://fsuied.com)
- Author: Tomda ([https://www.tomda.top](https://www.tomda.top))

## License

MIT License