Full Feature Set

BUILT
DIFFERENT.

Virtual Notepad provides a gesture-based drawing experience where users can create and interact with shapes in a 3D environment using only their hand movements.

01. Gesture Based Drawing

draw
check

Draw shapes in the air by pointing your index finger toward the camera.

check

The system detects your hand movements in real time and converts them into smooth strokes on the canvas.

Index Finger Tracking Real-time Strokes

02. Real Time Hand Tracking

Hand Tracking
check

Hand detection is powered by MediaPipe Hands, which tracks finger positions with high accuracy.

check

This allows the system to recognize gestures such as pointing, pinching, and open palm.

MediaPipe 21 Landmarks 30+ FPS

03. 3D Balloon Objects

3d_rotation
check

When a drawing is completed, the shape inflates into a soft 3D balloon-like object.

check

These objects float inside a 3D scene and react to interaction in real time.

Three.js Physics Sim

04. Interactive 3D Environment

Users can interact with created objects in multiple ways:

pinch

Grab & Move

Grab and move objects using pinch gestures.

touch_app

Poke & Squash

Poke objects to squash and deform them.

360

Rotate

Rotate objects inside the scene freely.

swipe

Remove

Remove objects using swipe gestures.

05. Color Selection

palette

Choose different colors before drawing to create colorful shapes and designs. The color palette is always one click away.

Custom Colors Live Preview

06. Draggable Camera Preview

A small camera preview shows the hand tracking skeleton in real time. Features include:

open_with

Drag the preview anywhere on the screen

reset_focus

Double click to reset its position

fullscreen

Expand the preview for a larger view

07. Smooth Drawing System

timeline
check

The application uses a line smoothing filter to remove hand vibration.

check

This produces clean and stable strokes while drawing, even with natural hand tremor.

Line Smoothing Vibration Filter

08. Multiplayer Canvas

people
check

Users can share the canvas with others using WebRTC connections.

check

Multiple users can interact with the scene together in real time.

WebRTC Live Sync P2P

09. Simple Controls

The interface includes easy controls:

delete_sweep

Clear All button to remove all objects

palette

Color palette to change drawing color

mouse

Mouse or touch controls to move the camera view

10. No Installation Required

Virtual Notepad runs entirely in the browser. Users only need:

language

Modern Browser

Chrome, Firefox, Edge, or Safari - any modern browser works.

videocam

A Webcam

Any standard webcam or built-in laptop camera works perfectly.

light_mode

Good Lighting

Adequate lighting ensures accurate hand tracking performance.

check_circle

No downloads or installations are required.

READY TO CREATE

Experience every feature firsthand, right now, in your browser.