Twinge

Written in collaboration with Maddy Leadbetter.

April 22, 2022 Live demo View Source on GitHub

This is our project for Terriblehack (2+2)/22/'22. Have a great pic for your dating profile but there's too many other people in it? Never have to answer the question "Which one is you?" again!

Before

After

Demo

Open it live and try it with your own image!

You can watch our demo (ours is first!) along with all the others below:

How it works

We use the ml5.js library to detect face poses in the image. After letting the user pick which one to replace the others with, we use WebGL to draw that face on top of the other faces. We make meshes from the face pose detections and use the source face as a texture map.