I applied ml5.js poseNet to the project. The bubbles follow both of my wrists, and once their alpha value turns to zero, the bubbles would fade out and delete from the array.

gif link :https://drive.google.com/file/d/1kSmlTg1VZmBuNK3oM4STXjRmJZVbJHbI/view?usp=sharing

File folder (google drive link): https://drive.google.com/drive/folders/1PBOfNjaZnzzpvM1FSJvJej0QJKIh6EdQ?usp=sharing

I was inspired by the coding train tutorials and the Twitter video that Xuan posted on the Pages site (link

The concept of this sketch is to showcase the different facial expressions of each individual. Initially, I created this sketch to explore the process of showing different emotions on the screen based on users’ interactions, which is something I have to understand in the group project.

Video:

https://youtu.be/Z3Ywnogivkw

Code:

https://editor.p5js.org/Nickygg/sketches/i-QnAq6Ce

I was inspired with the Eyes project. I have played around with class and arrays. I have followed the happy coding tutorials (https://happycoding.io/tutorials/p5js/creating-classes) and was able to understand the code as well as create my code.
https://editor.p5js.org/purvia29/full/d5KZMfLXX

The idea behind this was to understand the color with emotions. The emoji colors change into various different other colors and people with the same one win.

Team:

Wentian Zhu / Nicky Guo/ Divyanka Sadaphule/ Firass Khan

Link to Code: https://editor.p5js.org/zhuwentianzz/sketches/qHrKc-vVV

Video Link: https://youtu.be/HNujv2ElpqM

https://editor.p5js.org/Nickygg/sketches/hrKhxQ0-5

https://editor.p5js.org/kevinilango/sketches/Y33FZ8jWD