Avatar Try-On
Avatar Try-On is a Chrome extension. It shows how a t-shirt from the shop page you have open fits a 3D avatar that it builds from your measurements. The avatar is the MakeHuman body, fitted to your tape measurements. The shirt is a JoltPhysics soft body cloth. Optional face photos give the avatar your skin tone and hair. Everything runs in your browser, and nothing is uploaded.
Folders
| Folder | What it holds |
|---|
extension/ | The Chrome extension: side panel, page reader, build script and store material. Start here. |
cloth-spike/ | The cloth simulation and the try-on scene. |
avatar-poc/ | The skeleton, the measurement checks and the animation. |
twin-spike/ | The MakeHuman body fit and the face photo head. |
fit-map/ | Size chart parsing and the fit result for each size. |
example-shop/ | A demo product page for testing. |
ui-mockups/ | Design mockups and screenshots. |
docs/ | The GitHub Pages site, with the privacy policy. |
Each folder has its own README.
Build and test
You need Node.js 20 or later and Python 3.
node extension/build.mjs
node --test cloth-spike/ twin-spike/ avatar-poc/ fit-map/ extension/
To load the extension, read extension/README.md. To make the Chrome Web Store zip, run node extension/build.mjs --release.
Links
