Inspiration
This project is inspired by the theme of this hackathon and how cats really like to capture mice. When we first started deciding on an idea for the whiskerthon we thought of a cool google chrome extension game, and how the goal is to smush mice to get a better cat. We were inspired by the traditional farm cat that catches rodents and thought it would be a fun time killer to play a sort of clicker game with the goal of smushing mice.
What it does
This game simulates a cat who is catching a mouse where mice would spawn from either side of the extension and crawl at different speeds through the screen. Your job is to time your attacks well and click on these pesky mice to eliminate them. However, the first cat certainly cannot hold the hordes of mice that are going to swarm the screen. Thus, we need to hire better cats who have better reflexes to eliminate more mice in a shorter time.
How we built it
The game works by using HTML, CSS, and JS to help create a website that could be turned into an extension. HTML lays out the skeleton of the extension by creating base DIVs that could be added upon by CSS or JS. CSS helps to decorate things by allowing the creation of the background in our game. Lastly, JS gets the most attention as it edits HTML and CSS by using class objects to edit DOM elements and editing their style via document.getElement. Another thing that we used is google extensions is clearly a thing that we did as we needed to upload a file that is compatible with what chrome recognizes.
Challenges we ran into
Some challenges that we ran into would certainly be converting a website into an extension as an extension needs to follow the CSP(Content Security Policy) which is really hard as their policies are very strict. Also, the google extension has to be local or else it needs to be paid for and approved by google which we, unfortunately, did not have the time to do so we could not publish the extension, and only show what it would have looked like if it were to be downloaded by a user.
Accomplishments that we're proud of
We are very proud to firstly, be able to finish this project in time, and secondly, actually run the game as an extension. As we mentioned there were tight regulations for chrome extensions and resolving them was really hard to do.
What we learned
We have learned to not underlook logistics as they could really be tedious and take a really long time to make(especially with uploading and getting extensions approved).
What's next for Micilator
The next step for Micilator is to create more diversity in the mouses, maybe like a golden mouse that gives 100 times what a player would normally get.
Log in or sign up for Devpost to join the conversation.