Inspiration

This game was inspired from the scribble.io which is an online version of pictionary.

What it does

Users can start a game which will allow them to compete against their friend or someone else. They’re able to replay the game as much as they want. They'll have 30 seconds to replicate an image shown on screen by using a virtual white board.

How we built it

We built Bad Copy using React, Vite, TypeScript, and Tailwind for the frontend and Python, Flask, and Tensorflow for the backend. The backend uses a custom image similarity calculation algorithm using a pre-trained tensorflow model, imagenet, to calculate how similar a user's sketch is to the actual reference drawing.

Challenges we ran into

Creating the image similarity algorithm was hard as images that had more texture produced a lot of noise. We fixed this by adding noise filters.

Accomplishments that we're proud of

We were able to create a working similarity comparator between two images and a working full-stack app given the short amount of time (we thought of the idea at 5pm on Saturday).

What we learned

How to use Tensorflow and how to make an image similarity algorithm.

What's next for Bad Copy

  • Better similarity calculation
  • Multiple players
  • Global leaderboard
  • More customization (custom timers, style of reference images, etc.)

Built With

Share this project:

Updates