Skip to content

tri-23-dip/3d-hand-particles

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

5 Commits
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿคš 3D Hand Particles - Interactive Gesture Control

Three.js MediaPipe License: MIT

A real-time interactive 3D particle system controlled by hand gestures through your camera. Watch as thousands of colorful particles respond instantly to your hand movements, changing shape and behavior based on different gestures.

Demo Screenshot

โœจ Features

  • ๐ŸŽฎ Gesture Controls

    • โœ‹ Open Palm - Default sphere mode
    • ๐Ÿ‘Š Closed Fist - Explosive star formation
    • ๐Ÿค Pinch Gesture - Flowing wave motion
    • ๐Ÿ‘† Hand Position - Move particles left/right/up/down
    • ๐Ÿ“ Screen Zones - Different shapes based on hand location
  • ๐Ÿ”ฎ Multiple Particle Shapes

    • โšช Sphere - Perfect uniform distribution
    • โค๏ธ Heart - Romantic parametric form
    • โญ Star - Five-pointed star formation
    • ๐ŸŒ€ Torus - Donut-shaped ring
    • ๐ŸŒŠ Wave - Undulating sinusoidal pattern
  • โšก Performance Features

    • 15,000+ particles with rainbow colors
    • 60 FPS real-time rendering
    • Fast particle interpolation (0.25 response speed)
    • GPU-accelerated hand tracking
    • Additive blending for glowing effects

๐Ÿš€ Quick Start

Option 1: Run Locally

# Clone the repository
git clone https://github.com/yourusername/3d-hand-particles.git

# Navigate to directory
cd 3d-hand-particles

# Open index.html in your browser
# Or use a local server
python3 -m http.server 8000
# Then visit http://localhost:8000

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages