Air Drawing

Draw on a virtual canvas by moving your index finger through the air. Turn your webcam into a simple touchless drawing interface.

Start the camera, then raise your index finger.
Camera stopped Finger: Not detected Strokes: 0

How to use Air Drawing

1. Start cameraAllow webcam access when your browser asks.
2. Raise your index fingerKeep your hand visible and reasonably well lit.
3. Move your fingerThe index fingertip becomes your virtual drawing point.
4. Clear or saveErase the canvas or download your drawing as a PNG.

What is Air Drawing?

Air Drawing is a free browser-based drawing experiment that lets you draw without touching the screen. Your webcam watches for a hand, and the tool tracks the position of your index fingertip. As you move your finger, the Canvas API turns that movement into a digital stroke.

How the finger tracking works

This tool uses MediaPipe Hand Landmarker to identify hand landmarks in the camera image. The index fingertip is landmark 8. Its normalized coordinates are converted into canvas coordinates, with the camera view mirrored so movement feels natural.

Features

Tips for better air drawing

Use a well-lit room and keep your hand inside the camera frame. A simple, uncluttered background can make hand tracking more reliable. Smooth, deliberate finger movements usually produce cleaner lines than very fast movements.

Privacy and limitations

Camera access is requested only after you press Start Camera. Hand tracking runs in the browser using MediaPipe. The page does not need to upload your webcam video to a Slopbin server. Performance depends on your browser, device, lighting, and camera quality.

Frequently asked questions

What is air drawing?

It is a touchless drawing technique where hand movement controls a virtual drawing surface.

What technology powers this tool?

MediaPipe Hand Landmarker detects hand landmarks, while the HTML Canvas API renders the drawing strokes.

Does it work on phones?

It can work on compatible mobile browsers with camera support, although larger screens and stable camera positioning can make drawing easier.

Can I download my drawing?

Yes. Press Download PNG to save the current canvas image.