interactive tulip
A free generative art piece — play it in your browser, no install. A realistic 3D-shaded tulip drawn procedurally on canvas - it grows, sways and blooms in response to your hand and your smile, tracked through the webcam with MediaPipe. No images, no libraries for the art.
Vote and save it — continue with GitHub or sign in free
Made this, @aayansheraz? See how many people played it → or use email
GitHub asks to share your profile and email with us. We 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
🚀 Experience Live Webcam Interactive Bloom →
A realistic procedural 3D-shaded tulip rendered on an HTML5 2D Canvas context without image textures or external 3D libraries. The flower grows, sways, opens, and blooms in real-time in response to user interaction via mouse controls or browser-based webcam hand-tracking and smile detection powered by Google MediaPipe Vision.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
naruto rasengan gesture effects
Naruto-style Rasengan gesture interaction effect built with MediaPipe Hands, Canvas, and web audio.
cats cradle
An interactive web experiment that transforms hand gestures into mesmerizing virtual string art using real-time hand tracking.
breath mirror
A browser based mirror that fogs up when you blow on it and clears with hand gestures.
nebula
🌌 Arte generativa interativa no navegador — pinte com o vento. Milhares de partículas em um campo de fluxo, 6 paletas, vórtices e exportação em PNG…
pamun ripple tank
물결이 닿는 거리가 박자, 놓인 높이가 음정 — 물결통(ripple tank) 실험을 옮긴 브라우저 파동 악기. HTML 파일 하나, WebGL2 · Web Audio, 외부 에셋 0. A ripple-tank wave instrument in a single…
3d saturn particles
interactive 3D holographic universe using AI hand tracking and Z-sorted point clouds.
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.
