![BananaGameShot1](https://private-user-images.githubusercontent.com/139918141/323594653-41a3c882-266f-4454-9a89-27dae5182f4c.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQ0MzAwMDIsIm5iZiI6MTcyNDQyOTcwMiwicGF0aCI6Ii8xMzk5MTgxNDEvMzIzNTk0NjUzLTQxYTNjODgyLTI2NmYtNDQ1NC05YTg5LTI3ZGFlNTE4MmY0Yy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyM1QxNjE1MDJaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1kMzc1MzM4Y2VkMmMxZGU5YzhmZDVjNjEyMTdjNDczNDJjOWE4NWEzYWQzNTQ4OGUyZTE1NzFkZTI4NGQ4OGFkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.-U16syZf8jMRJqjHsAdOJcXM2MqJ4w-YTb8IGD93Alw)
Today computer games are often built with a wide variety of tools, yet there is still joy and learning to be found in simple projects. Banana and Ivy is one such simple project.
This game is for desktop devices, to be played with a mouse. Get from A-B while collecting all the bananas (and avoiding the ivy) in as quick a time as possible.
This Pokedex was created entirely in HTML, CSS and JavaScript (thank you event listeners!)
For me, this was the first time I had installed Ruby on Rails on my computer, so there was a lot of setup work.
Creating a game that is functional, involves a timer feature, and displays your progress as you go without using React (which would have made it easier).
I learned about tying event listeners to many HTML elements that have the same class using the 'forEach' method, as well as considering user experience. I also learned it was possible to disable right-clicking (a common way of 'cheating' these sorts of games to bypass the ivy-collision).
For the next game I make, I'd like to learn more about unit collision between two html elements (other than the cursor). For example, in a football game if a player runs into the ball.