Catch the Bubble is a browser reaction game rendered on an HTML canvas. Colourful bubbles rise from the bottom of the screen, drifting upward at a steady speed while swaying sideways. Each bubble follows a simple physics model: a vertical velocity plus a horizontal wobble driven by a sine wave, x += sin(wobble) * 0.5. Your task is to click or tap each bubble before it floats off the top or its lifetime expires.
The on-screen panel shows your Score, your Missed count, a 60-second countdown timer, and a Start Game button. New bubbles spawn every 800 milliseconds, each with a random radius, hue, rising speed and maximum lifetime. Beyond simple fun, the game trains hand-eye coordination, visual tracking and reaction time, the same perceptual-motor skills used in sports, driving and many everyday tasks.
What is the Catch the Bubble game?
It is a fast, kid-friendly reaction game where bubbles rise up the screen and you pop them by clicking or tapping. You earn a point for each bubble caught and a miss for each one that escapes or bursts on its own. A 60-second timer limits each round.
How do I play and score points?
Press Start Game, then click or tap directly on a bubble before it floats off the top. Each successful pop adds one to your Score. Bubbles you let slip past the top, or that exceed their lifetime, add one to your Missed count instead.
What do the controls and panel show?
The panel displays your current Score, your Missed total, a countdown timer starting at 60 seconds, and a Start Game button. When the timer reaches zero a Game Over screen appears with your final score, a feedback message and a Play Again button that reloads the round.
Each bubble has a constant upward speed between 1 and 3 pixels per frame and a gentle horizontal wobble. The wobble is generated with a sine function, x += sin(wobble) * 0.5, where the wobble angle advances by a small amount every frame, giving the lifelike sideways sway of a real soap bubble.
Every bubble is assigned a maximum lifetime of roughly 200 to 300 frames when it spawns. Once the lifetime is exceeded, or the bubble drifts above the top of the screen, it disappears and counts as a miss. A red warning ring thickens around a bubble in the final 30 percent of its life to warn you.
When you click or tap, the game measures the distance from the pointer to each bubble centre using the Pythagorean formula, sqrt(dx squared + dy squared). If that distance is smaller than the bubble radius, the click counts as a hit, the bubble pops and your score increases by one.
While a round is active, a timer spawns one new bubble every 800 milliseconds. Each appears at a random horizontal position near the bottom edge with a random radius between 20 and 50 pixels and a random colour hue, so no two rounds look quite the same.
Yes. As well as mouse clicks, the canvas listens for touchstart events, so you can pop bubbles by tapping on a phone or tablet. The default touch scrolling is prevented during play so your taps register as hits rather than scrolling the page.
It is a simplified, playful model rather than an exact fluid simulation. Real rising bubbles are governed by buoyancy, drag and surface tension. Here, those forces are approximated by a fixed upward speed and a sine-wave wobble, which captures the look of drifting bubbles while keeping the game smooth and easy to control.
Catching moving targets exercises reaction time, visual tracking and hand-eye coordination. Because bubbles vary in size, speed and remaining life, players also practise prioritising and quick decision-making, choosing which bubble to pop first before it escapes.
The end screen rates your performance: 50 or more pops earns bubble-master praise, 30 or more is a great result, and 15 or more is a solid effort. Below that, the game encourages you to try again. Faster, more accurate clicking across the 60 seconds is the key to a higher total.