Bubble Realms

Bubble Realms – HTML5 Bubble Shooter Game

Aim, match and pop your way through 100 levels across five themed worlds. Bubble Realms combines classic bubble-shooting gameplay with a scrolling world map, three-star challenges, daily goals and animated effects.

Built with plain JavaScript and HTML5 Canvas, the game includes editable source code and documentation for installation and customization. Upload it to your website, embed it in a page, or adapt its levels and appearance for your project.

Five Worlds to Explore

Journey through Coral Reef, Candy Valley, Enchanted Forest, Frozen Peaks and Cosmic Galaxy. Each world contains 20 levels and features its own backgrounds, bubble designs, launcher, music and ambient effects.

Gameplay Features

• 100 levels: Progress through five worlds with different board layouts and challenges.
• Match and drop: Connect three or more bubbles of the same color, then drop disconnected groups for extra points.
• Three-star ratings: Clear each board efficiently to earn more stars and improve your results.
• Combo scoring: Chain successful shots to build a multiplier of up to 5x.
• Aiming guide and bubble swap: Plan wall-bounce shots and switch between your current and next bubble.
• Scrolling world map: Follow your progress with animated level unlocks and world banners.
• Daily goals: Complete three goals each day and track your visits with a seven-day calendar and login streak.
• Automatic progress saving: Keep unlocked levels, stars, best scores, settings and daily progress in the browser.
• Animated feedback: Springy bubbles, particles, chained pop sounds and smooth screen transitions.
• Distinct bubble symbols: Each color has its own symbol to help players tell bubbles apart.
• Audio settings: Toggle music and sound effects independently.

Play on Mobile and Desktop

The responsive game scales its portrait layout to the available screen or embedded frame, with support for high-DPI displays.

• Touch: Drag to aim and release to shoot. Tap the next bubble to swap.
• Mouse: Move to aim, click to shoot and click the next bubble to swap.
• Keyboard: Aim with the left/right arrows, shoot with Space, Enter or Up, and swap with S or Shift.

Easy to Customize

Separate configuration files let you adjust gameplay settings, scoring, levels, world themes and player-facing text. Replace graphics and audio, rename the game, edit existing levels or add new ones. Text is centralized for translation, with font changes needed for languages requiring additional characters.

What Is Included?

• HTML, CSS and JavaScript source code.
• 100 level layouts and five world configurations.
• Game graphics, music, sound effects and the Fredoka font with its license.
• HTML documentation covering setup, customization, levels, translation and troubleshooting.

Technical Details

• HTML5 Canvas and vanilla JavaScript.
• No external frameworks, dependencies or build step.
• Static hosting: no backend or database required.
• Can be embedded in a website using an iframe.
• Designed for modern desktop and mobile browsers.
• No built-in advertising or third-party tracking scripts.