ML × DESIGN MASTERCLASS · MODULE 04 SPATIAL CREATIVE STUDIO

GESTURE
STUDIO

Design without touching the computer.

GESTURE → INTENTION → CREATION

100% Client-Side · AI + Computer Vision + Creative Code

GESTURE STUDIO LIVE AI INTENT

CURRENT TOOL: PAINT [1]

AI CONFIDENCE: 94%

EXPLAIN MODE · LIVE 3-STAGE DESIGN PIPELINE

How Physical Gestures Drive the Graphic Poster

STAGE 01

Optical image stream from live webcam sensor.

STAGE 02

Teachable Machine tool intent + MediaPipe spatial geometry.

SEMANTIC TOOL INTENT:

INDEX X:0.50

INDEX Y:0.50

PINCH:0.20

VELOCITY:0.05

STAGE 03

p5.js composition artboard with persistent strokes & typography.

PRESENTER EMERGENCY PANEL [P]

Camera Sensor: OK

Teachable Model: READY / DEMO

MediaPipe Hands: OK

Render FPS: 60 FPS

Hands Detected: 0

Current Prediction: PAINT

Confidence: 94%

Selected Tool: PAINT

Pinch Value: 0.22

Hand Velocity: 0.05

EMERGENCY OVERRIDE BUTTONS: