Assignment 2: Make a reverse-engineered Snap Lens

This proejct was adapted from The Coding School's excellent Coding Challenge here: https://www.youtube.com/watch?v=9z9mbiOZqSs

Here are the requirements:

1. VARIABLES: Based on a poseNet keypoint position (this is an object with a x and y property) in ml5, activate at least one change in p5.js (display an image,run an animation,change the screen in some way, etc.).
2. EVENTS: Write some logic so that when an event happens (if you raise your hand, or if you make a certain gesture, etc.), activate at least one change in p5.js.

Here are the javascript templates in this repo that you can use!

1. Nose Brush using ml5 PoseNet
2. Body Lens using ml5 PoseNet
3. Face Lens using ml5 Face API
4. Face Lens using ml5 Face Mesh

Get started

1. Select one javascript template above.
2. Change line 15 of the index.html file to the name of your template!
3. Run your code locally using http-server or the VSCode Go Live option.
4. Sometimes you may need to hard-refresh for your changes to load. In those cases, use COMMAND + SHIFT + R.

Here are templates and resources you can find elsewhere.

1. Here are all of ml5 templates for p5!
2. Here are some more templates from a Interaction and Computation class (Check out the student gallery for some inspiration!)
3. Here is the official ml5 website