[Phaser] Bubble Shooter – clear a colour, face more rows

[zhyzhykin]

Hi everyone,

I've made a browser version of Bubble Shooter with Phaser 3. You match three or more bubbles, bounce shots off the walls and drop groups by cutting their connection to the top.

The rule I've been experimenting with is what happens when you clear an entire colour. The next refill adds two rows instead of one. Clear another colour and it adds three. Fewer colours make matches easier, but each refill pushes the board down further. Clearing the whole board earns a bonus and starts a new cycle while keeping your score.

You can play it here
https://bubble-shooter.net/

There are three difficulty settings, no timer, and mouse, touch and keyboard controls. Your current game and personal bests are saved in your browser. The game is free, with no ads or account required. There are light and dark themes, colour palettes and a reduced-motion option.

The game uses Phaser 3 for rendering, with Nuxt, Vue and TypeScript around it.

I'd appreciate feedback on aiming on touchscreens and how the extra-row rule feels as a game goes on. Is it clear why the refill gets larger, and does that pressure feel fair?

Thanks for trying it!