vizardwave

canvas masks

Inspiration

First of all, what the name of the project tell us about, so vizardwave consist of vizard which is a synonym for mask and wave means hand gestures.
Since childhood, we love to imagine comic superheroes and other cartoon characters that's why we choose this idea to implement. we had of few ideas in mind but we stuck to this because we thought this one is the best fit for the kids' category. and that is cool.

What it does

Basically, this project firstly detects the hand gestures of users after allowing the camera access, and then with help of TensorFlow.js face-landmarks-detection library we detect the face to apply the mask and then after doing gestures(for that we finger pose) like thumbs up and down spiderman (ex 🤟) then according to that superhero sign image will be added to the users face and this is it for this project kind of cool/funny and built for kids/adult-kids:)

How we built it

Steps how we created this project

Firstly we created react application with the help of create-react-app.
And then we accessed webcam using ''react-web" and then after that we detected users face with help of ace-landmarks-detection library
after that we tried to build canvas masks and then we built a hand pose model and then after giving hand pose we mask those things to the users face and after we customized finger pose stuff and that's it ## Challenges we ran into we ran to few challenges those are listed below
firstly at the time of customizing prebuilt npm packages but with users guide and documentation stuff we did it.
We also asked questions of StackOverflow for this project Stackoverflow Questions

Accomplishments that we're proud of

We learned so many things and also learned tensorflowjs and made few good friends and it's a wonderful experience
We are proud of about we tried to build this project within 10 hours and also we did it the output is not 100% but the project is 75% complete ## What we learned We learned so many things as we are joined from overseas we talked with mentors who are very supportive and we tried to build stuff and learned some new tools hopefully we will do more cool things and we are planning to join for upcoming makeHarvard and we will learn and build cool stuff till then peace happy hacking signing off
Team members krishnadevz :-krishna's Github rushikesh:-rushi718 Discord :-rushikesh,krishnadevz