Interactive 3D visualization with manual control

AI-Powered · World

A web application that visualizes various 3D models controlled by hand gestures. Built entirely using AI tools in one day.

Technologies: Three.js, MediaPipe · Timeline: 1 day

Interactive Demo

Use hand gestures to control the 3D particle visualization in real-time. Open/close your hand to scale, pinch and drag to rotate, move your hand to position particles.

Video demo: Gesture Controlled 3D Particles

What AI Enables

• Rapid prototyping from concept to functional experience in hours
• Advanced tech stack integration (Three.js + MediaPipe)
• Real-time hand tracking and gesture-based controls
• Stunning particle systems and 3D visualizations

How It Works

MediaPipe Hands detects 21 hand landmarks from webcam feed to interpret gestures.

Three.js powers a 5,000-particle system that smoothly morphs between geometric shapes with physics-based animations.

Gesture mapping: pinch to rotate, open/close hand to scale, hand position to move particles in 3D space.

Technologies

Three.js · MediaPipe Hands · WebGL · WebRTC · AI-assisted development

The Future of Development

Complex interactive experiences that once required specialized teams and months of development can now be created rapidly—opening new possibilities for experimentation and innovation.