Skip to content

Balloon Pop is a delightful web-based game built using React, where players aim to pop as many colorful balloons as possible while managing a timer and lives

License

Notifications You must be signed in to change notification settings

chmuhammadasim/BetterAim-React

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

20 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸŽ‰ Balloon Pop Game

Balloon Pop is a delightful web-based game built using React, where players aim to pop as many colorful balloons as possible while managing a timer and lives. The game includes exciting features such as various power-ups, increasing difficulty levels, and engaging sound effects, making it an entertaining experience for users of all ages.

Live: https://better-aim-react.vercel.app/

Table of Contents

Features

  • Engaging Gameplay: Players pop balloons that rise from the bottom of the screen while trying to prevent them from escaping.
  • Variety of Balloons: Different types of balloons, including bonus balloons that provide power-ups.
  • Power-Ups: Encounter special balloons that grant players various power-ups, enhancing gameplay.
  • Levels and Difficulty: The game becomes more challenging as players advance through levels, with balloons moving faster and becoming smaller.
  • Sound Effects: Enjoy realistic sound effects when popping balloons and activating power-ups, creating an immersive experience.
  • Responsive Design: The game is playable on various devices, including desktops, tablets, and smartphones.
  • High Score Tracking: The game saves the highest score in the browser's local storage for competitive play.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • CSS: For styling the game components.
  • JavaScript: For game logic and interactivity.
  • Audio: Used for sound effects (pop sound).
  • React Icons: For displaying icons in the user interface.

Getting Started

To run this project locally, follow these steps:

Prerequisites

Ensure you have the following installed:

  • Node.js (v14 or higher recommended)
  • npm (comes with Node.js)

Installation

  1. Clone the repository:

    git clone [https://github.com/your-username/balloon-pop.git](https://github.com/chmuhammadasim/BetterAim-React.git)
    cd balloon-pop
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start
  4. Open your browser and navigate to http://localhost:3000 to play the game!

How to Play

  1. Objective: Pop as many balloons as you can within the time limit while managing your lives.
  2. Controls:
    • Click on the balloons to pop them.
    • Use the pause button to pause the game.
    • Toggle sound effects with the sound button.
  3. Scoring:
    • Each regular balloon gives you 10 points.
    • Bonus balloons provide extra points (20 points).
    • Collect power-ups for additional benefits.
  4. Game Over: The game ends when you run out of lives. You can then restart the game.

Game Mechanics

Balloons

  • Regular Balloons: These balloons have no special properties and provide standard points.
  • Bonus Balloons: These balloons have a 10% chance of appearing and can grant additional points or power-ups.

Power-Ups

When players pop bonus balloons, they can receive various power-ups:

  • Extra Time: Adds 5 seconds to the remaining time.
  • Slow Motion: Temporarily slows down the balloon movement for 5 seconds.
  • Freeze: Freezes balloons in place for 5 seconds, preventing them from escaping.
  • Double Score: Doubles the player's score for 10 seconds.
  • Extra Life: Grants an additional life, allowing players to continue playing.

Lives

  • Players start with 3 lives. If a balloon escapes, a life is lost. The game ends when all lives are depleted.
  • Players can collect power-ups that can restore or increase lives.

Levels

  • Players start at level 1. With every 10 combos of balloon pops, they advance to the next level, which increases the difficulty:
    • Speed: Balloons rise faster.
    • Size: Balloons become smaller and harder to click.

Customization Options

Themes and Styles

  • You can customize the game's visual appearance by modifying the CSS styles:
    • Change balloon colors, backgrounds, and animations to create a unique visual experience.
    • Update the balloon emojis or images for different themes (e.g., Halloween, Christmas, etc.).

Sound Effects

  • To customize sound effects:
    • Replace the existing pop sound (pop-sound.mp3) with your own sound file while maintaining the same file format.

Difficulty Settings

  • You can adjust the game's difficulty settings by modifying the speed, balloon size, and power-up probabilities in the game logic.

Contributing

Contributions are welcome! If you have suggestions for improvements or features, feel free to open an issue or submit a pull request.

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes and commit them (git commit -m 'Add new feature').
  4. Push to the branch (git push origin feature-branch).
  5. Open a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

For any inquiries or feedback, feel free to reach out:

About

Balloon Pop is a delightful web-based game built using React, where players aim to pop as many colorful balloons as possible while managing a timer and lives

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy