Pick one of the models (Face api, Face mesh), and following the examples and ml5.js documentation experiment with controlling elements of a p5.js sketch (color, geometry, sound, text) with the output of the model. (You may also choose a ml5.js model not covered here if you like!)

[https://editor.p5js.org/sirui/sketches/Yj6YzxcVHV](https://prod-files-secure.s3.us-west-2.amazonaws.com/0f6320a2-b9a7-4f1a-b962-0350eab3fe4c/88fc6a01-76e1-4b17-8361-78e0ccfe64fa/iShot_2023-10-19_13.32.26.mp4)

https://editor.p5js.org/sirui/sketches/Yj6YzxcVHV

I used the Facemesh model to create a controller by blinking.

I read the distance between upper eyelid and lower eyelid. When the distance is less than 18 (I found this value may differ from everyone), the color of the keypoints will change.