Skip to main content

Mirror, mirror

Mirror, mirror is a playful gradient interface that continuously changes in response to how you look at it.

The web application uses trackingjs (a face detection library), p5js (a canvas drawing library), and reactjs to respond to changes it detects in your live video feed. Three trackers, responsible for seeing your face, eyes, and mouth, pass location and dimension data down to a sketch component. When the sketch component receives new information, it invokes a method on the p5 canvas it wraps, which translates those data points into visual changes. If the app loses track of your features for a long period of time, it'll encourage you to keep moving and engaging with it.

Mirror, mirror is an experiment in building an interface that looks back at user.

Project Members: Lizz Thabet

Find the program that fits your life.

Learn about our coding, cybersecurity, and data analytics bootcamps offered on full-time and part-time schedules.