lizi
A free particle demo — play it in your browser, no install. 基于 WebGL 的赛博朋克风格 3D 粒子变换动画系统，支持手势实时交互。. 一个基于 Three.js 和 MediaPipe 的高性能粒子可视化交互系统。通过摄像头捕捉手势，实现与数万个粒子的实时互动，支持自定义文字和图像生成。 🚀 高性能渲染：利用 WebGL 和 Three.js 渲染超过 50,000 个粒子，保持流畅的帧率。 握拳 (Fist)：粒子聚合形成目标形状。 支持输入任意文字生成粒子阵列。 支持上传本地图片，将其轮廓转化为动态粒子。 在线代码编辑器（Ace Editor），可直接修改前端逻辑。 🌈 视觉特效：内置 UnrealBloom…
Vote and save it — free account with email or sign in with GitHub
Made this, @qingqiu66? 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
一个基于 Three.js 和 MediaPipe 的高性能粒子可视化交互系统。通过摄像头捕捉手势，实现与数万个粒子的实时互动，支持自定义文字和图像生成。
🚀 高性能渲染：利用 WebGL 和 Three.js 渲染超过 50,000 个粒子，保持流畅的帧率。 握拳 (Fist)：粒子聚合形成目标形状。 支持输入任意文字生成粒子阵列。 支持上传本地图片，将其轮廓转化为动态粒子。 在线代码编辑器（Ace Editor），可直接修改前端逻辑。 🌈 视觉特效：内置 UnrealBloom 高级发光滤镜，营造赛博朋克视觉氛围。
应用启动后会自动打开控制台窗口。 点击控制台中的“启动服务”按钮。
初始化：在启动弹窗中输入你想要显示的文字，或上传一张对比度明显的图片。 授权摄像头：浏览器会请求摄像头权限，请点击“允许”以启用手势识别。 将手置于摄像头前，左上角预览框会显示识别状态。 尝试握拳和张手，观察粒子的聚合与爆发。
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
- quantum dust Interactive 3D hand-controlled particle system built with Three.js and MediaPipe Hands.
- hand gesture project Browser-based hand-gesture visualizer using MediaPipe Hand Landmarker + Three.js. Index/middle/pinch/prayer gestures trigger GPU particle effects. No…
gesture blooming flower
🌸 指尖生花 · 手势控制粒子花朵绽放 (MediaPipe Hands × Three.js WebGL Particle Interactive Art)
- Interactive 3D Particle System A real-time, hand-controlled 3D particle physics engine built with Three.js and MediaPipe. Architected entirely by Google Gemini 3.0 via prompt…
collapse
Collapse DOM elements into WebGL representations of their pixels
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.
