block by dribnet ca4a114a0c18aa32dd66aad1126a8e1e

Interactive Facemap Prototype

Full Screen

2020 MDDN342 Assignment 3: Face Mappings

The idea for my assignment is a stylised face with watercolour-esque shading on one side. The watercolour-esque effect is created through cascading shaded areas to create something similar to a gradient. An outline is added to these to imitate how watercolour can dry and create a fringe effect.

Five of the sliders are in control of: the thickness of the top eyelid the colour of the eyes style of the lip how bright the face is hue of the entire face

In the training, the parameters were picked based on these: The hue of the face is determined by the shade of the hair. Bluer hue - darker hair colour Reder hue - lighter hair colour Masculine faces have thinner eye outlines and feminine faces have filled in lips. The eye lightness corresponded to the lightness of the eyes in the images. The shade depended on the skin tone of the images.

Image links: -https://unsplash.com/photos/6tHTXiSRUi8 -https://unsplash.com/photos/hOF1bWoet_Q -https://unsplash.com/photos/2qvxIr_DXGo -https://unsplash.com/photos/zCG05KP0Jiw -https://unsplash.com/photos/q0Uc8fFdrUo

index.html

campbell_face.js

campbell_training_values.json

chen_face.js

chen_training_values.json

cooper_face.js

cooper_training_values.json

d3-random.v1.min.js

dockerty_face.js

dockerty_training_values.json

felizardo_face.js

felizardo_training_values.json

hill_face.js

hill_training_values.json

ho_face.js

ho_training_values.json

howard_face.js

howard_training_values.json

hu_face.js

hu_training_values.json

idris_face.js

idris_training_values.json

jaegers_training_values.json

jordan_face.js

jordan_training_values.json

joy_training_values.json

kelly19_training_values.json

kelly_face.js

kelly_training_values.json

lee_face.js

lee_training_values.json

luo_face.js

luo_training_values.json

mckendry_face.js

mckendry_training_values.json

mcsweeney_face.js

mcsweeney_training_values.json

ng_face.js

ng_training_values.json

nuesca_face.js

nuesca_training_values.json

park_training_values.json

petris_face.js

petris_training_values.json

purview.json

ruan_face.js

ruan_training_values.json

salazar_face.js

salazar_training_values.json

sample_images.json

seedrandom.min.js

sketch.html

to_face.js

to_training_values.json

trewavas_face.js

trewavas_training_values.json

truong_face.js

truong_training_values.json

tuala_face.js

tuala_training_values.json

wang_training_values.json

yee_face.js

yee_training_values.json

z_face_landmark_68_model-weights_manifest.json

z_face_recognition_model-weights_manifest.json

z_face_system.js

z_focused_random.js

z_kdTree.js

z_purview_helper.js

zhang_face.js

zhang_training_values.json

zhao_face.js

zhao_training_values.json