Week 5 - 7 Midterm Project
For the midterm project, me and Zeshu decide to team up and create a collaborative drawing game on people’s videos.
Since COVID-19, our lives have changed dramatically, and people have become more and more separate, and I think this project will be an opportunity for us to help people get together again through the live web.
There will be a 15 seconds count down, and during this period, the website will display a random participant’s camera. After 15 seconds, it will take a picture of the painted video.
I am thinking to use face mesh to track a few key points on a face and draw with those points. Link to P5.js sketch
We wanted to add joy to the user than the boring tracking type decoration, so we finally decided that the core interaction of our game is to let the user move their nose to paint.
————
To achieve our goal, we need to prepare two pages: the first one is to share our video and make features that can track the user’s facial details. At the same time, we want the user to generate different words randomly to increase the fun of the game. When the user reselects a word, the game timer will be reset, thus making the game more complex and challenging.
The P5.js sketch used the face mesh model from ml5.js, tracking the key point of the nose and using the p5LiveMedia to allow 2 or more users to join in the game.
We also added a word generator in our P5.js sketch so players can have more fun in the game.
————