Create & Control 3D Shapes With Real-Time Hand Gestures
Give Alan Ang's project a try.
Alan Ang shared a very fun interactive demo that lets you create and manipulate 3D shapes in real-time using hand gestures. Powered by Three.js, WebGL, and MediaPipe, it only needs a modern web browser with camera access.
Bring your hands close together and pinch to create a new shape. Move your hands apart to make the shape larger. To move a shape, hover your hand over it and pinch, and to delete one, drag it into the recycle bin.
Play with Shape Creator here and check out the code on GitHub. Also, check out Alan's other projects, like Particular Drift, which turns photos into flowing particle animations, Liquid Logo, which transforms logos and icons into liquid metal effects, and Video-to-ASCII, which converts videos into ASCII pixel art.
Feel free to reach out if you're interested in specific projects or tutorials, and follow Alan on X/Twitter for more. Also, join our 80 Level Talent platform and our new Discord server, follow us on Instagram, Twitter, LinkedIn, Telegram, TikTok, and Threads, where we share breakdowns, the latest news, awesome artworks, and more.