---
title: Interactive 3D visualization with manual control
description: A web application that visualizes various 3D models and is controlled by hand gestures. Created entirely using AI tools.
slug: case-3d-visualization
domain: [AI-Powered]
market: World
categories: [Web Projects, AI-powered Projects, My own Projects]
lastmod: 2026-01-01
author: Igor Dobzhanskiy
---

# 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](https://vimeo.com/1146929869)

## 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.