Flappy Bird completely made in html, css and javascript
Game: Fly between the opstacles to get a high score. Collect the coins and try to get far.
Spend the coins on new skins in the shop to play with.
Bird | Look of the bird |
---|---|
Red | |
Blue | |
Yellow | |
Rainbow | |
Green | |
Pink | |
Orange | |
Purple | |
Lime | |
Floppy | |
Bubble | |
Grellow (don't ask) | |
Ukraine | |
Kirby | |
ParasolKirby | |
FloatKirby | |
And more! | 😃 |
-
To add more birds add a 31x26 .png image in
frontend/images/birds
. -
Go to
frontend/js/birdColors.js
. -
And add the file name along with the price in the list with the other birds ONLY THE NAME not .png behind it.
For example:
const birdColors = [ { color: 'Yellow', price: 200 }, // Add this and replace the comments with needed info: { color: /* color name */, price: /* price of bird */ } ];
-
Yes it is possible to animate .png images and those animations will then play in the game (or just use static images)
Don't ask how, we don't know.
Key | Action |
---|---|
W | Fly |
Arrow Up | Fly |
Space | Fly |
Click | Fly |
Touch | Fly |
You can win medals based on the score you get:
Score | Medal | Image |
---|---|---|
0- 49 | Bonze | |
50-99 | Silver | |
100+ | Gold |
We use it for saving data about the game like your personal best score, bought colors, equiped colors and coins.
These cookies are needed for the game to work as intended!
These cookies are NOT used to track you or sell data to advertisment companies (Even we can't see them).
It is adviced to leave the cookies alone and not edit them as that can cause unexpected issues!
Original Project starter: https://github.com/xflipperkast
Cookies and most bug fixes and shop: https://github.com/ShadowWolf308