# hand-gesture-christmas

**Repository Path**: jystudy/hand-gesture-christmas

## Basic Information

- **Project Name**: hand-gesture-christmas
- **Description**: 手势控制圣诞树

- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-12-18
- **Last Updated**: 2025-12-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

采用 谷歌 ai 生成

https://aistudio.google.com/


Prompt
1.生成一个看起来非常高级、带有发光效果的 3D 网页。背景是全黑的，画面中有几千个像宝石、金子一样闪闪发光的彩色小球和方块（金色、红色、翡翠绿）。 
2.核心玩法是用摄像头检测手势控制这些彩色小球和方块： 对着摄像头伸开五指，满屏的粒子会像烟花一样炸开，变成一团发光的星云。 对着摄像头握紧拳头，所有的粒子会迅速向中间靠拢，整齐地堆成一棵发光的“圣诞树”，且圣诞树顶部有一颗金色发光缓慢宣传的3D五角星。 
3.界面描述： 屏幕最上方写着金灿灿的“MERRY CHRISTMAS”，字体很有高级感。 左下角“监控框”： 屏幕左下角有一个半透明的小窗口，显示摄像头拍到的你手部的骨架线条。 
状态灯： 小窗口上方有两个状态灯。当你张开手时，显示“EXPLODE”的灯会亮起；当你握拳时，显示“TREE”的灯会变亮并放大。 刚打开网页时，会有一个黑色的欢迎屏，中间写着金灿灿的“MERRY CHRISTMAS”，字体很有高级感，下方有个红色的“Start”按钮。点一下，摄像头开启，并正式进入交互页面。 4.请使用 React、Three.js 和 MediaPipe Hands 库来实现。
粒子请使用 InstancedMesh 以保证流畅，并添加 UnrealBloomPass 滤镜来实现发光感。