Inspiration

Inspired by gameshow Hole in The Wall

https://www.youtube.com/watch?v=6ioiMXKpHxI&fbclid=IwAR3-ajfIZMeQJ06i5It0isLLLFL_6Ma4_NVp9qDaWrHBiofFClQP4cAIU-s&ab_channel=TROUBLEMAKERS

What it does

Similar to Human Tetris, this is a game where people need to compete to get into the shape position on the screen. The person will be presented as a stick figure on the screen. If the user gets into position within the time frame then they are given, then they will pass onto the next round and their score goes up. The winner gets through to the highest round!

We believe this is a great alternative to make people's lives during quarantine more fun.

How I built it

Backend using wrnch Front end using JS react and Bootstrap

Challenges I ran into

Coding a readable webcam into a jpeg image. This was because we couldn't get the image webcam saved properly and because of that we couldn't send it to the wrnch API. Instead, we had to use a stock image from wrnch. After the Wrnch API gave a response, we weren't sure how to pass that back into the react app component which contained all of the drawing logic.

Accomplishments that I'm proud of

We managed to create figures using images of people using wrnch. We were able to incorporate a webcam image in react.

What I learned

Share this project:

Updates