MailChimp Banana-za is an interactive browser game in which you chase the MailChimp chimp around the screen, all the while the chimp is throwing insults at you. Made to be ironically irreverant, as I have the utmost respect for MailChimp and the user of this game.
HTML, CSS, JavaScript, and jQuery.
Visit the live demo at: https://smuntean.github.io/insult-generator/
To play, simply start clicking on the chimp. Beware, this game can get pretty frustrating! See how long you can last.
The main problem I face with this projects was breaking it down into smaller pieces. I knew the direction I wanted to go in but was unsure how to make all the pieces work at once. The stages the project was broken down to were as follows:
- Make a button clickable on the page.
- Add an array of insults that are looped through when the button is clicked.
- Make the button jump to new places when the button is clicked a certain number of times.
- Make the button continuously move randomly around the screen after a certain number of clicks.
- Add decoy buttons that also continuously move around the page after a certain number of clicks.
- Loop the game without clearing the board, so the game gets harder every time it's restarted.
- Style the game to include the MailChimp chimp and CSS animated bananas.
Each problem was only one google search away from working, making the project more fun and kept my momentum going.