Flappy Bird Game

Hello Everyone! I have created a replication of Flappy Bird. The goal of the game is to survive for as long as possible while dodging the pipes that come your way.

FEATURES:
My version of Flappy Bird includes a scoreboard and 3 difficulties for the game, as well as hand-drawn assets that were created in Piskelapp.com. The background also moves in various speeds. Flappy will rotate depending on if he is going up or falling down. The game will become harder as time goes on, as the pipes will speed up everytime you score a point. The scoreboard holds the 3 highest scores for each difficulties, it doesn't get saved into a cookie or locally on the computer, so DON'T reload the page if you don't want to erase the data.

CHANGES:
I started this project before stardance had started, but I made some improvements to the hitboxes that check for collision with the pipes, and UI improvements, like background color changes and moving the title somewhere more appropriate. As well, as created a tutorial page with some animations and images for more clarity as to how to play the game.

PROBLEMS ISSUES:
During development I had some problems with Flappy's hitbox and how it worked, but eventually with the help of one of my teachers we got it to work pretty well, although since this is HTML + CSS, when I made flappy rotate when clicked the hitboxes which were referenced from the top left corner didn't calculate the collision math correctly. I improved on this by making the hitbox like a circle and with a couple cases which is explained in the JS code, the hitbox becomes way more accurate.

Thank you.