Bubble Hitting Game

Welcome to the Bubble Hitting Game! This is a simple browser-based game where your goal is to hit the correct bubble to increase your score. The game features animated bubbles that you can click on to score points. Be quick and accurate to achieve the highest score!

Game Interface Game Interface

How to Play

  1. Open the Bubble Hitting Game in a modern web browser.
  2. Bubbles will appear on the screen. Each bubble contains a number.
  3. A hit value will be displayed at the top of the screen.
  4. Click on the bubble with the same number as the hit value to score points.
  5. Your score will increase by 10 points for each correct hit.
  6. The game has a timer of 60 seconds. Try to score as many points as you can before the timer runs out.

Gameplay Tips

  • Keep an eye on the hit value at the top of the screen.
  • Click on the bubbles quickly to match the hit value and score points.
  • The bubbles will bounce and move slightly for an engaging experience.

Potential Bugs and Considerations

While I've worked to create an enjoyable gaming experience, here are a couple of important considerations:

  • Game Over Logic: Ensure that the game correctly resets and handles player interaction when the timer runs out.
  • Performance: Extensive animations could impact performance, particularly on older devices.

I appreciate your understanding as I work to enhance the game further. Enjoy playing the Bubble Hitting Game!

Thanks

I'd like to express my gratitude to Sheriyans Coding School Youtube Channel and Harsh sir for inspiring me to create this Bubble Hitting Game. The concepts and ideas shared in their content have been instrumental in the development of this project.

Additionally, I want to acknowledge the assistance of ChatGPT, which provided guidance and suggestions for the animation aspects of the game.

Play the Game

To play the game, simply click on the following link: Play Bubble Hitting Game

File Structure

  • index.html: The main HTML file containing the game interface.
  • script.js: The JavaScript file with the game logic and interactions.
  • index.css: The CSS file that styles the game interface.
  • images/: Folder containing images used in the game.

Customization

Feel free to customize the game to your liking:

  • Adjust the bubble appearance and animation in the CSS.
  • Modify the hit values or scoring rules in the JavaScript.
  • Add more levels, features, or power-ups to enhance the gameplay.
  • Improve the styling, animations, and visuals for a more engaging experience.

Feedback and Contributions

Feedback, suggestions, and contributions are welcome! If you find any issues or have ideas to improve the game, please submit an issue or a pull request.

License

This project is licensed under the MIT License.

Enjoy the game and have fun hitting those bubbles!