Interactive Gesture-Controlled Scenes with Three.js and WebGLInteractive Gesture-Controlled Scenes with Three.js and WebGL
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Anton's avatar
Anton Gridz
pro
• 12h
Curtains, cameras, and hand gestures.
For the Figma Makeathon I built a small experiment I’ve wanted to try for a long time: controlling a scene with your hands in front of the camera.
It started with a simple idea — opening and closing curtains with a gesture. Raise both hands 🙌, the curtains pull apart in 3D, and light floods in. I used three.js and WebGL to make the fabric feel as realistic as possible.
Then I kept going.
Now different hand signs — 🙌 👍 👎 👌 🤘 ✌️ — each trigger their own music video behind the window. There’s also a small database layer so you can map your own tracks to each gesture and share a link with friends.
It’s a playful controller for turning a simple “window” into an interactive music experience. https://curtainplayer.figma.site/
Figma Makeclaudeopus46figmamakeathon
Vanshika 's avatar
Vanshika Gadekar
• 9h
this one is sick
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started