Bubbles - Classic Bubble Shooter Game

Seele01-Flash
By
Bubbles is a classic bubble shooter puzzle game where you aim and shoot colored bubbles to create matches of three or more. Pop all bubbles from the screen to win!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Bubbles: 3D Classic Shooter**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 2.5D aesthetic. The game takes place on a 2D plane (XY axis), but the bubbles should be rendered as 3D spheres using `THREE.SphereGeometry`. The art style simulates the glossy, "Frutiger Aero" look of the screenshot. * **Bubble Materials**: Use `THREE.MeshPhysicalMaterial` with high `transmission` or `clearcoat` to simulate a shiny, glass-like or polished plastic texture. * **Color Palette**: Strictly use the vibrant, saturated colors from the screenshot: Red (`0xff0000`), Blue (`0x0000ff`), Lime Green (`0x00ff00`), Yellow (`0xffff00`). * **Environment**: A solid, soft lavender/periwinkle background color (`0xc0c0ff`). At the bottom, a semi-transparent "launcher zone" area. * **Performance Optimization**: **Crucial**: You must use `THREE.InstancedMesh` for the bubble grid to handle hundreds of spheres with a single draw call, ensuring 60FPS on mobile devices. * **Grid System**: Implement a hexagonal packing layout (staggered rows) where every other row is offset by half a bubble width. ### 2. Audio Requirements * **BGM**: A light, cheerful, looping arcade track. Think "retro synthesizer" but with a soft, relaxing tempo. * **SFX**: * **Shoot**: A "whoosh" or "thwip" sound when the bubble is released. * **Collision**: A soft "thud" when a bubble hits the grid but doesn't pop. * **Pop**: A satisfying, high-pitched "pop" or bubble-wrap sound. Pitch should slightly increase for each subsequent bubble in a combo chain. * **Fall**: A descending whistle sound when disconnected clusters fall off the screen. ### 3. Gameplay Loop * **Core Mechanic**: The player shoots a bubble from the bottom center. The bubble travels in a straight line. If it hits the side walls, it must **reflect/bounce** perfectly (angle of incidence = angle of reflection). * **Matching Logic**: When the projectile hits a static bubble, it snaps to the nearest hexagonal grid slot. If it creates a group of **3 or more** same-colored bubbles, that group is destroyed (popped). * **Orphan/Floating Clusters**: After a pop, run a check to see if any remaining bubbles are no longer connected to the "ceiling" (row 0). Any floating islands of bubbles must physically fall off the screen and award bonus points. * **Win/Loss**: * **Win**: Clear the entire board. * **Loss**: If the bubble grid grows down past a specific Y-coordinate (indicated by a dashed line visual), the game ends. * **Ceiling Drop**: Every 5 shots that do *not* result in a match, the entire grid shifts down one row, increasing pressure. ### 4. Mobile Controls & Interaction * **Control Scheme (Drag-to-Aim)**: Do not use "tap to shoot" as it is imprecise on mobile. Instead, implement **"Press-Drag-Release"**: 1. **Press & Drag**: The player touches anywhere on the screen and drags. This rotates the launcher arrow. 2. **Aim Assist**: While dragging, render a **dashed trajectory line** using `THREE.Line` that shows exactly where the bubble will go, including wall bounces. This is critical for mobile UX. 3. **Release**: The player lifts their finger to fire the bubble. * **Orientation**: Portrait mode is preferred, but the camera FOV should adapt dynamically to fit the grid width in Landscape mode if rotated. * **UI Layout**: * Place the "Current Bubble" large and center at the bottom. * Show a smaller "Next Bubble" preview to the left of the launcher. * Score counter at the top right (large, readable font). * **Haptic Feedback**: Trigger `window.navigator.vibrate(50)` on a successful pop interaction to give tactile weight to the action. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Bubbles is a timeless bubble shooter puzzle game that combines strategy, precision, and colorful fun. Your mission is simple yet engaging: clear all the bubbles from your screen by creating groups of at least three matching colored bubbles. This classic arcade-style game offers endless entertainment with its intuitive gameplay and satisfying bubble-popping mechanics.

The game features bright, vibrant bubbles in multiple colors including red, blue, green, and yellow. Each level challenges you to think strategically about your shots while racing against time as new rows of bubbles gradually descend from the top of the screen.

Core Features

Simple Yet Addictive Gameplay

Bubbles follows the beloved bubble shooter formula that has captivated players for decades. The rules are easy to learn but mastering the game requires skill, timing, and strategic thinking.

Colorful Visual Design

The game showcases a clean, bright aesthetic with glossy, colorful bubbles that are easy to distinguish. The simple graphics ensure smooth performance across all devices while maintaining visual appeal.

Chain Reaction System

Create spectacular chain reactions by strategically planning your shots. When you pop a group of bubbles, any bubbles hanging below them will also fall, potentially creating massive point combinations.

Progressive Difficulty

As you advance, the game becomes more challenging with complex bubble arrangements and faster-descending rows, keeping you engaged and testing your skills.

Cross-Platform Compatibility

Play seamlessly on desktop computers, tablets, and mobile devices through your web browser. No downloads or installations required.

Game Mechanics

The core gameplay revolves around precision aiming and color matching. You control a bubble launcher at the bottom of the screen, loaded with colored bubbles. Your goal is to shoot these bubbles upward to create clusters of three or more identical colors.

Strategic Elements

  • Angle Calculation : Use the walls to bounce bubbles and reach difficult spots
  • Color Planning : Consider which colors to prioritize based on the current bubble formation
  • Timing Management : Work efficiently as new bubble rows appear periodically
  • Chain Setup : Plan shots that will cause multiple groups to fall simultaneously

Operation Guide

Basic Controls

  • Aiming : Move your mouse to aim the bubble launcher in any direction
  • Shooting : Click the left mouse button to fire the bubble
  • Trajectory Preview : Use the aiming line to plan your shot path

Winning Strategy Tips

  1. Focus on the Top : Prioritize popping bubbles near the ceiling to cause larger cascades
  2. Use Wall Bounces : Ricochet shots off the side walls to reach isolated bubble groups
  3. Plan Ahead : Look at your next bubble color to plan multi-shot combinations
  4. Create Gaps : Strategic gaps can help isolate large sections of bubbles
  5. Work Fast : Don't let the descending bubbles reach the danger line

Why Play Bubbles

Perfect for All Ages

Bubbles is suitable for players of all skill levels and ages. The intuitive controls make it accessible to beginners, while the strategic depth provides lasting appeal for experienced puzzle game enthusiasts.

Stress-Free Gaming

Unlike high-pressure action games, Bubbles offers a relaxing yet engaging experience. The colorful visuals and satisfying popping sounds create a calming atmosphere perfect for unwinding.

Brain Training Benefits

This puzzle game helps improve: - Spatial reasoning through trajectory planning - Pattern recognition by identifying optimal color matches - Strategic thinking when planning multi-move combinations - Hand-eye coordination through precise aiming

Instant Accessibility

As a browser-based game, Bubbles is always available without downloads, updates, or storage concerns. Simply open your browser and start playing immediately.

Endless Replayability

Each game session presents new bubble configurations, ensuring that no two games are exactly alike. The scoring system encourages repeated play to achieve higher scores and perfect your technique.

Frequently Asked Questions (FAQ)