Bubble Pop Blast | Bubble Shooter Puzzle HTML5 Game

Video Demo

Bubble Pop Blast is a colorful bubble shooter puzzle game where players aim, shoot, and match bubbles to clear the board. Match three or more bubbles of the same color, use wall bounces to reach tricky targets, and drop connected bubbles for extra points. Unlock levels, earn up to three stars, and use powerful boosters like Swap and Bomb to overcome challenging layouts. With a vibrant interface, level progression, and mobile-friendly controls, Bubble Pop Blast delivers an engaging arcade puzzle experience.

1. Key Features

• - Classic Bubble Shooter Gameplay: Match three or more bubbles of the same color.
• - Aiming and Shooting: Drag to aim and release to fire bubbles.
• - Wall Bounce Mechanics: Use wall rebounds to reach difficult areas.
• - Bubble Drop System: Remove unsupported hanging bubbles.
• - Multiple Levels: Progress through a level-based puzzle experience.
• - Three-Star Rating: Earn up to three stars based on your performance.
• - Powerful Boosters: Use Swap and Bomb to help clear the board.
• - Score Tracking: Track scores and level performance.
• - Best Score Display: View your best score from the main menu.
• - Level Selection: Access available levels through the level selection screen.
• - Win and Lose Screens: Get clear results with replay, retry, and next-level options.
• - Pause and Resume: Pause gameplay whenever needed.
• - Sound Controls: Quickly access the game’s sound settings.
• - Colorful Visual Design: Enjoy bright bubbles, glass-style panels, and polished UI elements.
• - Responsive Interface: Designed to adapt to different screen sizes.
• - Touch-Friendly Gameplay: Suitable for mobile and desktop browser play.
• - Modern Web Technology: Built using HTML5 Canvas, CSS3, and JavaScript.

1. How to Play

• 1. Press Play to begin.
• 2. Drag to aim your bubble launcher.
• 3. Release to shoot the bubble.
• 4. Match three or more bubbles of the same color to pop them.
• 5. Use wall bounces to reach bubbles in hard-to-reach positions.
• 6. Clear connected hanging bubbles to make them drop.
• 7. Use the Swap booster to change your bubble and the Bomb booster to help clear obstacles.
• 8. Clear the board before running out of shots or space.
• 9. Earn up to three stars and progress through the levels.

1. Controls

• - Mouse: Drag to aim and release to shoot.
• - Touchscreen: Drag to aim and release your finger to shoot.
• - Swap: Change the current bubble when needed.
• - Bomb: Use a bomb booster to assist with clearing bubbles.
• - Pause: Pause the current game.
• - Resume: Continue a paused game.
• - Restart / Replay: Start the level again.
• - Levels: Return to level selection.

1. Technical Details

• - Game Type: Puzzle / Arcade / Bubble Shooter
• - Technology: HTML5, CSS3, JavaScript, Canvas API
• - Framework: No external game engine is indicated in the supplied HTML
• - Rendering: HTML5 Canvas
• - Audio: Depends on the implementation in `assets/script.js`
• - Progress Saving: Depends on the implementation in `assets/script.js`
• - Responsive Design: Designed for desktop and mobile screen sizes
• - Fonts: Baloo 2 and Outfit via Google Fonts
• - Orientation: Verify supported orientations on mobile devices during testing

1. Browser Compatibility

Recommended testing targets:

• - Google Chrome
• - Mozilla Firefox
• - Microsoft Edge
• - Apple Safari