I coded some interactive faces with @p5xjs! Excited to share these with @BrearleyNYC’s Math Dept. #STEMed #STEAM #mathchat #CCfestNYC

1. Mouse movements cause eyes to look left or right

• See the code here: https://docs.google.com/document/d/1ZX_84j2VYPQNt9QEff8X3vMV5_b14JCRPnTAVhC9orc/edit?usp=sharing
• Try it out here: https://alpha.editor.p5js.org/embed/Byx_KndyM
• See a video below:

 

2. Mouse movements cause eyes to cross:

• See the code here: https://docs.google.com/document/d/1pv7lo6OMzIkO4zWB6ldHkN-Qqg2iV3wCXImcQnTi53c/edit?usp=sharing
• Try it out here: https://alpha.editor.p5js.org/embed/S1tCRt_1G
• See a video below:

 

3. Sounds animate facial features (a work in progress):

• See the code here: https://docs.google.com/document/d/1paQjK4ov9vcnrnJSv2Ad2GymHS87bVGrY4tVsC82o1E/edit?usp=sharing
• Try it out here: https://alpha.editor.p5js.org/embed/r1YDuKOJf 
• See a video below: