Only Masks Allowed

Inspiration

I saw lots of datasets regarding masks and also saw the idea of training a model to recognize if a person is wearing a mask to be widely used at devpost. Therefore, I thought of a different approach to using the face mask dataset: creating a game.

What it does

It is a "Dumb ways to die" like game. It selects randomly from a range of face mask images for the gameplay. In the only mode that I coded, it requires you to click on people with masks on.

How I built it

I used nodejs to preprocess the face mask dataset and compressed the images too. Then I used frontend javascript to run the game.

Challenges I ran into

Since this was my first time coding a game, I ran into a lot of challenges. I couldn't figure out the proper HTML format for a game, how the game initialization process should be like (conventionally), and how to maintain the code with it being all spaghetti. Another big challenge was time. I had a lot of time constraints (I am currently having three online summer camps) so I only had three hours to make the game. Combined with my immature understanding of making games in HTML, coding this project was a big challenge.

Accomplishments that I'm proud of

I am proud of the fact that I was able to pull off this project within a short timeframe at the same time being new to the game coding mindset.

What I learned

I learned the architecture of a basic game and experienced the mindset required to code a basic game.

What's next for Only Masks Allowed

I would definitely patch up some bugs and include more modes. Also, if I had more time, I would fix up the UI in the game.

Built With

• css
• html
• javascript
• node.js