Vibrant Bubble Shooter is a high-performance, single-file web application built using the HTML5 Canvas API. It features a fully responsive design, custom synthesized audio effects, and a procedural level generation system. Works in modern browsers like Opera, Chrome, Edge, iOS Safari, Chrome for Android
Key Design Goal: Zero external dependencies. All assets (UI, Logic, and Sound) are generated programmatically via JavaScript.
Hexagonal Grid Logic The game utilizes a staggered Row/Column Hexagonal Grid. To maximize space and create the “nested” bubble look, even-numbered rows are offset by half a bubble width.
Physics & Collision Collision detection is performed in two phases during the update loop
Wall Bouncing The projectile checks its horizontal bounds against the canvas width. On impact, the vx (velocity X) is inverted, creating a perfect reflection.
