Flappy Ball is an HTML5 canvas game inspired by the classic Flappy Bird. In this game, players control a bouncing ball, navigating it through obstacles while collecting power-ups and aiming for a high score.
- Canvas-based gameplay
- Ball physics with gravity and bounce effects
- Progressive difficulty increase
- Power-up system with two types: Invincibility and Slow Motion
- Level progression
- High score tracking with local storage
- Pause functionality
- Particle effects for enhanced visual experience
- Click the "Start Game" button to begin.
- Use the following controls to make the ball jump:
- Click or tap the screen
- Press the spacebar
- Touch the screen (on mobile devices)
- Navigate the ball through gaps in the obstacles.
- Collect power-ups to gain temporary advantages:
- Gold star: Invincibility
- Blue star: Slow Motion
- Avoid hitting obstacles or the ground/ceiling.
- Try to achieve the highest score possible!
- Clone this repository to your local machine.
- Open the
index.htmlfile in a modern web browser. - No additional setup or installation is required!
- HTML5
- CSS3
- JavaScript (ES6+)
- HTML5 Canvas API
- The ball constantly falls due to gravity.
- Obstacles move from right to left.
- Hitting an obstacle or the ground/ceiling ends the game.
- Score increases by successfully passing obstacles.
- Every 10 points, the level increases, and the game gets faster.
- Power-ups provide temporary abilities:
- Invincibility: Pass through obstacles without collision.
- Slow Motion: Slows down the game speed for easier navigation.
- Multiple ball skins
- Online leaderboard
- Additional power-up types
- Background music and sound effects
- Mobile-optimized touch controls
Contributions, issues, and feature requests are welcome! Feel free to check issues page if you want to contribute.
This project is licensed under the MIT License - see the LICENSE.md file for details.
- Inspired by the classic Flappy Bird game