quiktrac
camera processing stays on your device
Your movement. Your character.

Step into your avatar.

A little motion capture studio, right in your browser.

BODY + HANDS
Ready to move— fps
orange · ready when you are
Full body · single personCamera is off
Make some room. Keep your head, hands, and feet in view. Start the camera to bring your character to life, or preview the motion without one.
01 / MOVEStand back a littleGood light and your whole body in frame give the best results.
02 / MAKE IT YOURSPaint your own avatarFill the template slots and upload the image. Every part follows you.
03 / TAKE THE STAGEA clean character viewPop out your character and background, ready for window capture.
Quick help & camera troubleshooting

Opening this file: download it and open it directly in current Chrome or Edge. An internet connection is needed to load the tracking engine and models. Embedded file previews can block camera access or pop-ups. If your browser blocks a local file, serve it from localhost or an HTTPS website.

Hide vs. stop: “Show webcam” hides only the real camera picture. Tracking continues and the camera light stays on. “Stop camera” actually releases the camera and holds the last pose.

Tracking: one person at a time. Missing joints hold their last reliable position. Optional fingers need well-lit, visible hands. This is a 2D puppet; it does not reconstruct the back of your avatar.

Pop-out: allow pop-ups for this file. Keep this control window open; closing it ends the output. A browser may slow tracking if this window is minimized. Transparent backgrounds can look black in a separate window; use green for chroma-key capture.

Privacy: camera frames and uploaded artwork are processed locally, with no recording or upload. The tracking software and models are downloaded from jsDelivr and Google. No webcam frames are sent to them. Body detection uses MediaPipe Pose, with optional Hands. The tracking.js provider keeps the same lightweight body-detection path while using the alternate local tracking mode. “Interpolate motion to 60 fps” smooths the avatar between detections, with up to one tracking interval of added visual delay. It does not increase the number of poses the model detects.

quiktrac / a body tracking playgroundsingle HTML · no account needed

Your avatar template

Avatar template: head at top center, torso in the center, right and left legs on the left, and right and left arms at bottom right.

Draw inside the white slots. Keep the entire 732 Ă— 645 image and its layout; do not crop it. A resized copy with the same proportions works too.

Left group = legs. Bottom-right group = arms. Top halves are upper limbs; bottom halves are lower limbs. Each piece points downward, with its joint at top center. Left and right mean the character's own left and right.

Labels, black borders, and space outside the slots are ignored. White artwork is preserved. Use transparent pixels around your artwork for an invisible background. “Remove white slot backgrounds” is optional and off by default; enable it only if you intentionally want to erase edge-connected white.

Make your own avatar

Start with the original template. Paint each body part in its labeled slot.

Avatar workshop

Draw inside the white slots. Labels and borders stay protected.

White areas stay visible.
Use the eraser for transparency.

Turn your room into sticks

We’ll take one photo from your real webcam and turn the room’s edges into a simple stick-style line drawing. That still image becomes your background, and your webcam picture is hidden while tracking stays on.

Illustrated example. Your result uses your own camera frame. Any person or object still in view will be included.

After you confirm, you’ll have 10 seconds to step out of frame. Keep the camera still and leave it in the same position afterward.