hand gesture project
A free particle demo — play it in your browser, no install. Browser-based hand-gesture visualizer using MediaPipe Hand Landmarker + Three.js. Index/middle/pinch/prayer gestures trigger GPU particle effects. No build step.
Vote and save it — free account with email or sign in with GitHub
Made this, @siddhant8019? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
A browser-based hand-gesture controlled visual experience. It uses MediaPipe Hand Landmarker to track your hand from a webcam in real time and triggers a set of GPU-driven particle/shader effects rendered with Three.js.
No installs, no build step — just a single HTML file and a webcam.
▶ Try it live · Solar system viewer
A separate solar-system viewer (solar-system.html) ships in this repo as a JARVIS-style HUD over a procedural three.js solar system. It runs independently of hand tracking.
To try the solar system viewer instead, open solar-system.html the same way.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
ParticleSystem
Real-time 3D particle system controlled by hand tracking using Three.js and MediaPipe
- flying swords 10,000 glowing swords controlled by your hand in the browser. Webcam hand tracking with Three.js and MediaPipe.
- quantum dust Interactive 3D hand-controlled particle system built with Three.js and MediaPipe Hands.
gesture blooming flower
🌸 指尖生花 · 手势控制粒子花朵绽放 (MediaPipe Hands × Three.js WebGL Particle Interactive Art)
gesture flower
🖐 用手势控制粒子花朵绽放：MediaPipe 识别手部 21 点，握拳闭合、张开五指绽放，支持单手/双手交互与生长动画（Three.js + WebGL）
lizi
基于 WebGL 的赛博朋克风格 3D 粒子变换动画系统，支持手势实时交互。. 一个基于 Three.js 和 MediaPipe 的高性能粒子可视化交互系统。通过摄像头捕捉手势，实现与数万个粒子的实时互动，支持自定义文字和图像生成。 🚀 高性能渲染：利用 WebGL 和 Three.js…
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
