Clubinho Flappy is a simple and engaging Flappy Bird-style game created with HTML5 Canvas and JavaScript. Navigate through pipes, avoid collisions, and aim for the highest score!
- 🎮 Interactive Gameplay: Click, touch, or press to make the bird jump.
- 🌆 Dynamic Environment: Procedurally generated pipes with varying gaps.
- 🔊 Sound Effects: Enjoy audio feedback for actions like jumping and scoring.
- 🖼️ Custom Graphics: Background, bird, pipes, and other elements for a polished look.
- 🏆 Victory Mode: Reach the finish line to win!
- A modern web browser with support for HTML5 Canvas.
- Basic knowledge of hosting a local HTML file (e.g., double-click or use a local server).
- Clone or download the repository:
git clone https://github.com/estivalet/clubinho-flappy/
- Place the
assets/
folder alongside theindex.html
file to ensure all images and sounds load correctly. - Open
index.html
in your browser.
- Start: Click, touch, or press any key to begin the game.
- Controls:
- Click or tap anywhere on the screen to make the bird jump.
- Use keyboard keys (e.g., spacebar) for jumping.
- Objective: Avoid pipes, reach the finish line, and score points by passing through obstacles.
The following assets are used in the game:
- Images:
bg.png
- Background image.bird.png
- Bird character.pipe.png
- Pipe obstacle.finish.png
- Finish line flag.win.png
- Winner banner.
- Audio:
fly.mp3
- Jump sound effect.score.mp3
- Scoring sound effect.
Ensure all assets are located in the assets/images/
and assets/audios/
directories.
- Game Parameters:
- Adjust jump height (
JUMP_AMOUNT
) and gravity (ACCELERATION
) in the script for a different difficulty level. - Modify pipe gaps and placement by tweaking the
addPipes()
function.
- Adjust jump height (
- Graphics:
- Replace assets in the
assets/
folder with your own images and sounds.
- Replace assets in the
This project is licensed under the MIT License.
- Inspired by the classic Flappy Bird game.
- Thanks to the open-source community for resources and support.
- Fork the repository.
- Create a feature branch:
git checkout -b feature/your-feature
- Commit your changes:
git commit -m "Add your feature"
- Push to the branch:
git push origin feature/your-feature
- Open a pull request.