Pants try-on prototype

Runs entirely in the browser. Photos and camera frames never leave the device.

1 Pick the pants

The pants are cut out of the model photo automatically. Front, full-body photos work best (★).

What the tracker found
Extracted pants
Fine-tune the cut-out

2 Try them on

Or test on one of the model photos:

How this works

  1. Cut-out: the body tracker finds hips, knees and ankles in the product photo, samples the fabric colour along the legs, and keeps the connected region of that colour between the waistline and the hem. Hands covering the fabric are painted over.
  2. Try-on: every camera frame, the tracker finds your hips, knees and ankles. The cut-out is split into a pelvis part and two legs and bent onto your skeleton with WebGL, so it follows your stance and steps.
  3. Cost: MediaPipe (Apache-2.0) and WebGL run on your phone or laptop. The only hosting needed is static files.

Known limits