Skip to content

rinogodson/flappycraft

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Apr 4, 2026
10c72c4Β Β·Β Β· Apr 4, 2026

History

35 Commits
Nov 23, 2025
Apr 4, 2026
Nov 23, 2025
Apr 4, 2026
Nov 19, 2025
Apr 4, 2026
Mar 22, 2026
Nov 19, 2025
Nov 23, 2025
Mar 22, 2026
Nov 19, 2025
Nov 19, 2025
Nov 19, 2025
Nov 22, 2025
Nov 23, 2025

Repository files navigation

bg

FlappyCraft

Stack: ReactJS, TailwindCSS

Framework to create your own version of Flappy Bird

This README was made using READMEwizard (it's an app made by me :) Check it out!)

Got no files to upload? Try These:

Save the files using ctrl/cmd + s and use them.

  • Flappeagen - Prime's a bird. He tries to avoid VSCode... Help him.
  • ZachTheBird - Let's remember the issues with the Slack team... (We were at their gunpoint)
  • MuskyBird - Richest bird!!

Controls:

Desktop:

  • Space/W/UpArrow to Flap
  • Enter to Restart

Mobile:

  • Touch to Jump

Usage:

You can create your own Flappy Bird by creating a JSON file with this schema and then uploading it to the app.

{
   "birdSprite": {
     "normal": [
       // for animation, this is the array of frames (max. 3 items)
       "ri>", // image
       "ri>", // image
       "ri>" // image
    ],
      "death": "ri>" // image
  },
    "pipeSprite": {
     "sprite": "ri>", // image
     "fillType": "Stretch",
     "distance": 1 // can be 1, 2, or 3 and nothing else
  },
    "bg": {
     "opacity": 0.1, // range 0.1 to 1, Background Opacity
     "bgColor": "#000000", // COLOR of Background
     "baseColor": "#000000", // COLOR of Base
     "bgImg": {
       "sprite": "ri>", // image
       "fillType": "Cover"
    },
      "baseImg": {
       "sprite": "ri>", // image
       "fillType": "Stretch"
    }
  },
  
  "sounds": {
     "flap": "ri>", // audio
     "death": "ri>", // audio
     "bgMusic": {
       "file": "ri>", // audio
       "volume": 20 // range 20 to 100, if 0 don't add the file field (to save space)
    },
      "point": "ri>" // audio
  },
    "name": "rs>" // name of the game
}}

🀝 Contributing

Contributions are welcome! Please fork the repository and submit a pull request.

  1. Fork the project.
  2. Create a new branch:
    git checkout -b feature/YourFeatureName
  3. Commit your changes:
    git commit -m "Add some feature"
  4. Push the branch:
    git push origin feature/YourFeatureName
  5. Open a pull request.

πŸ“„ License

This project is licensed under the MIT License.