To use this demo available at https://bengfarrell.github.io/paperdoll, simply go to the link. It should ask for permission to use your webcam. Once this happens, you'll see yourself. It's now waiting for you to load in some assets.
To do this, open the right side pane (arrow button to expand). Here, you can add some assets. For a quick demo, download the sample asset set by clicking the link. Once downloaded, unzip the file, and drag and drop all the assets (png and JSON) onto the drag/drop area (multiple files are accepted at once). If you'd like to download ahead of time, it's at http://bengfarrell.github.io/paperdoll/vincentprice.zip
Now, step back to let the camera see your whole body. Paper doll parts will be overlaid on top of your arms, legs, torso and head!
Snap a photo or take a video if you can (might be akward to do by yourself while posing, so grab a friend)
Any old PNG asset can be loaded in for each body part. Edit any asset to use the pin alignment tools on how the asset gets placed over the body. This is all done live while you edit!
If you've imported a bunch of assets and you like your config, click export to snag a JSON file that you can use and upload later with your PNGs.
The left side pane has some webcam options, as well as allowing you to use a video (mp4 only) rather than your live camera. Also available are as many Tensorflow pose settings as I could fit in the UI so you can play around.available
-
When using a super high resolution camera with the resolution set to the highest output, your friendly web browser may not support that much data to download, and you could get a bad photo or no photo at all
-
Likely the same for recording video as above. But also, only WebM is supported as a capture output
-
The head isn't mapped so well, but we didn't use the head anyway in our live event, its just there for funsies