/facemorphing

General face morphing implementation, designed for ease of use on the web

Primary LanguageJavaScript

Face Morphing

* Only tested in Chrome.

Note that the "main" file is js/facemorphing.js, which contains interface handling alongside the actual face morphing implementation. This implementation turns out to be rather brief on its own.

Notes

To set the feature points for a destination image

  • Go into js/facemorphing.js and set CALIBRATION to true.
  • Open up the website.
  • In the console: run _startCalibration(), then move the points around.
  • Hit ENTER when finished, and save the file that opens.
  • Negate CALIBRATION and ensure that PATH_JSON_TO is set to your newly created JSON file.

That should be all you need!

To enable destination image uploads

document.getElementById(ID_INPUT_UPLOAD_TO).addEventListener('change', function() { handleImageUpload(ID_IMG_TO, ID_INPUT_UPLOAD_TO); }, true);
reenableSingle(ID_INPUT_UPLOAD_TO, ID_BUTTON_UPLOAD_TO);

To decide which image's points can be dragged around

relevId = ID_IMG_[FROM, TO];

Obesity

Fun fact: barring poor clmtrackr output, you can give somebody a little extra weight by running automatic feature detection on the default "from" image and then warping only the other guy's shape.

Animal image sources

Labeled by their filenames in this directory.

bear chameleon chickadee dog_a dog_b dog_c dog_d dog_e dog_f fish_a
fish_b fish_c fish_d fish_e iguana panda rabbit tiger