Flappy Bird

Man there is a simple bug in my code which took 48 mins to solve while i was testing in local server i had powerups like 30 or 40 so i never had the bug but while in global server it was causing the issue cause i had like 1 powerup per type the logic issue instead of checking quantity -1 >=0 to verify whether the player can use or not i was using >- 0 which i never noticed i freaked out like what what is wrong now everything is sorted and in the meantime i wrote the readme file too. Now ready to ship.
See you guys in next game.

Completed the game so you can play it right now and enjoy the game. if you want to give suggestion drop a feed back in the comment box or the github page. Now only two things are left banner and readme file.

Added the shield option it is better to play with space bar for clicking and mouse for clicking on power ups (need skill for playing in mobile phone ig 😅😂). I added a coyote timer for collision so if you collided with pipe you have 0.5 sec with no collision detection and for rockets and ground you will have 0.3sec.

Now i have added delete option for the loadout so if you want to change the current loadout and add new ones you can remove the existing one and choose whatever you want. I am able to achieve this by storing the delete button location and dimension in an array of size 3 if i draw a slot then there is a option to delete so when clicked on a delete button i know the index which is going to be deleted and i will remove the data from the code and local storage as well.

Added the local storage functionality , so whenever a skill is chosen it will get added to data so it will stay there even when page is refreshed. Now got to add cancel option for it so the player can choose another skill in place of the existing ones.

Added a gear page where you can see how much you have for each skill/powerup. And you can select any 3 from it to use it in game(still need to add the functionality to add skills to the slot).

Added the amount of quantity you currently have for each powerup with this the shop page is over.

Now when clicking on the buy button it will set the quantity to the local storage with respective power up. Now got to add the quantity display near the power up icon.

Completed the shop page. Now it handles the height dynamically if the description extends more than one line and we can scroll up to down to view the power ups in the shop. Still need to add the buy option for it.

Currently changed the shop ui into this. Need to add scroll behavior, content width and buy option.

Made this so far but i don’t quite like it cause it looks so small , I think i am going to just slow one item per col(centered) so if i make it big nothing else will be affected.

Added shop and implemented close and coin display functionality.
Now we want to add power ups and slot mechanism so the player can only able to carry three or four power ups(any quantity) to the game.

Added a overlay system for rocket so no two rocket spawn on top of each other while also allowing player to pass through a small gap if two rockets spawn nearby.
Rocket/missile speed vary from each other.

Added rocket collision and when the flappy hits the missile/rocket it draws a blast where they hit(always front of the rocket which the flappy hit).
Now we have to add music, sound effects, shop page and shop items to make life easier.

Made a rocket spawn system and making it move from right to left. Want to add collision for it and increase the spawn count with increase in score.

Added a shop button and wrote some code for items then went to draw the necessary art for the shop.

Add this new badge when betting the previous high score. and fixed some logic issue in the codebase.

Added a tap animation when cicking start so the player can prep for the game.

Added a game over page and best score system using the local storage.
Now we want to add a retry option or main menu and the twist.

Added a start page and pause functionality, now got to add a lose/retry page and game over mechanism and with that i am going to add my twist i am very excited.

Added a collision check for the pipes and the ground and want to make sure the bird never zooms through the pipe when playing the game.

Added score system now there are only a few things left one is my twist and the another is AABB collision system to detect whether the player hit wall or the ground.

Added pipes just a hectic process to do , finally somehow made it work but it doesn’t offer quite a challenge now so i have to manually add height to the pipe in the sprite sheet.

Made the ground move in the opposite direction of the flappy bird. so now it looks like we are moving forward in the game but in reality we are always in a static point. i couldnt capture the moving ground in the picture.

Added background , ground and collision check when hitting the ground now wanna add pipes and the twist.

Added flappy and set his motion like it acts with gravity and tapping makes him go up and i want to make the nose dive down and up for it so we can tell he is going up or down just a visual thing.

Just added a character.js where i just mapped the flappy bird positions from the sprite sheet.
Still wondering how to animate it like a full rotation or tapping makes the animation but i am thinking that i would be too slow to animate the full animation when tapping simultaneously.