Bubble Payout

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

Rebuild a portrait-friendly 2D arcade bubble-shooter game titled “Bubble Payout.” Use a full-screen responsive canvas inside a centered app container (maximum width about 900px), with a dark navy background and a subtle radial glow: brighter blue-purple near the top center fading to near-black at the bottom. Render the game in a clean, polished mobile web-game style with no external assets.

Layout and HUD: Overlay a top bar above the canvas. On the left show the uppercase turquoise brand “BUBBLE PAYOUT.” In the top center area show a dark translucent rounded stat card labeled “SCORE” with the current numeric score, initially 0. On the right show another dark rounded stat card labeled “DEMO WALLET” and a dollar amount initially “$0.00.” Near the upper playfield place a wide pill-shaped translucent hint reading “Aim with your finger or mouse · match any same-color bubbles.” At the bottom, show a dark blue secondary “New game” button on the left and a bright aqua “Cash out” button on the right. Keep the controls overlaid and usable on touch screens.

Playfield: Below the hint, create a tightly packed field of glossy colored circular bubbles arranged in 10 columns and between 7 and 12 rows depending on the available viewport height. Use staggered rows: every other row is horizontally offset by half a cell. The bubbles have roughly 34px cell spacing and about 15px radius, with a soft white rim and a radial glossy highlight in the upper-left. Randomly assign each bubble one of six colors: hot pink, golden yellow, mint green, light blue, lavender purple, or peach orange. The initial board should fill the upper portion of the screen while leaving room below for the shooter.

Shooter and aiming: At the bottom center of the playfield, around 86px above the bottom edge, display one larger glossy bubble (about 18px radius) in a randomly selected color from the same palette. Before firing, draw a semi-transparent dashed aiming guide from the shooter toward the pointer/finger direction, extending about 260px. Moving the mouse or dragging/moving a finger over the canvas changes the aim point. A pointer/touch press fires the current bubble toward that point at a constant speed around 620 pixels per second. Only one shot can be in flight at a time; after resolution, create a new shooter bubble with a new random color.

Projectile behavior and matching: The fired bubble travels in a straight line and bounces off the left and right walls. When it comes within about 24px of any live board bubble, it resolves against that bubble; if it reaches the top boundary instead, resolve against the nearest bubble near the top. The target color determines the match. Remove every live bubble in the entire board that has that exact same color—not just an adjacent cluster. Award 10 points per removed bubble, plus an extra 15 points for each removed bubble beyond the first two. Add the same number of cents to the demo wallet, so for example a 10-point gain displays as $0.10. Briefly show a centered fading notification such as “+120 points · +
.20.” Increment a shot counter internally, but do not need to display it. If fewer than 8 bubbles remain, regenerate a fresh full randomized wave and briefly show “Fresh wave!” Continue indefinitely; there is no visible lives system or game-over screen.

Cash-out interaction: The Cash out button opens a dark rounded modal/panel above the bottom controls. It should be titled “Cash out” and explain that this browser build records a demo request only and does not send real money or connect to Cash App, PayPal, Venmo, or Zelle. Provide four buttons in a two-column grid: “Cash App,” “PayPal,” “Venmo,” and “Zelle,” plus a full-width “Close” button. Selecting a method should close the panel and briefly display a notification like “[method] demo request recorded.” This is only a simulated/demo wallet, with no real payment integration. New game resets score, wallet, shot count, board, and shooter.

Visual style: Deep navy/purple arcade background, high-contrast white text, muted periwinkle labels, aqua accent controls and branding, rounded translucent panels, subtle shadows, and luminous candy-like bubbles with white specular spots and translucent edges. Keep the camera fixed and top-down/front-facing with no scrolling; scale the canvas responsively for mouse and touch input, especially a tall phone portrait view.