Bubble Shooter - Classic Puzzle Game

Seele01-Flash
By
Bubble Shooter is the ultimate classic puzzle game where you pop colorful bubbles by matching three or more of the same color. Challenge yourself with strategic aiming, power-ups, and endless bubble-popping fun!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Classic 3D Bubble Shooter". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A 2.5D aesthetic where bubbles are rendered as glossy 3D spheres (`MeshPhongMaterial` with high shininess) but arranged on a 2D plane. The lighting should be bright, with a soft ambient light and a directional light to create nice specular highlights on the bubbles. * **Color Palette:** Use vibrant, high-saturation colors for the bubbles: Red (#FF4136), Blue (#0074D9), Green (#2ECC40), Yellow (#FFDC00), Purple (#B10DC9), and Cyan (#7FDBFF). * **Background:** A deep blue vertical gradient background (CSS or a plane mesh behind the game board) to mimic the classic arcade look. * **Performance Optimization:** Use `THREE.InstancedMesh` for rendering the bubbles to ensure 60FPS performance on mobile devices, as there may be 100+ bubbles on screen. * **Effects:** Simple particle explosion effect (using `THREE.Points`) when bubbles match and pop. A dashed line mesh to assist aiming. ### 2. Audio Requirements * **BGM:** A light, cheerful, and repetitive "Marimba" or "Synth-pop" style melody that loops seamlessly. It should be non-intrusive. * **Sound Effects (SFX):** * **Shoot:** A swift "whoosh" sound. * **Impact:** A soft "thud" when a bubble hits the stack without popping. * **Pop:** A high-pitched "glass breaking" or "pop" sound for matches. * **Fall:** A descending whistle sound when disconnected bubbles fall. * **Game Over:** A descending tone or sad trombone. * *Note: Use synthesized sounds (AudioContext oscillators) or placeholder URLs to keep the code self-contained.* ### 3. Gameplay Loop * **Grid System:** Implement a hexagonal grid (honeycomb pattern) where every other row is offset by half a bubble width. * **Shooting Mechanic:** The player launches a bubble from the bottom center. The bubble must travel in a straight line and bounce off the left and right walls (reflection vector) until it hits the ceiling or another bubble. * **Matching Logic:** Upon impact, check for connected bubbles of the same color using a Flood Fill algorithm. If 3 or more match, remove them and increase the score. * **Floating Cluster Check:** After a match, check for "orphan" bubbles (bubbles not connected to the ceiling directly or indirectly). These must fall off the screen and award bonus points. * **Progression/Loss:** If the player fails to make a match 5 times (displayed as grey "health" orbs next to the shooter), add a new row of bubbles at the top, pushing everything down. If any bubble crosses the "Deadline" (bottom of the playable area), the game is over. ### 4. Mobile Controls & Interaction * **Control Scheme:** "Drag-to-Aim, Release-to-Shoot". * **Touch Start/Move:** Display a dashed trajectory line showing exactly where the bubble will go, including wall bounces. The angle is calculated based on the horizontal position of the finger relative to the shooter. * **Touch End:** Fire the bubble. * **Orientation:** Force Portrait Mode logic (camera aspect ratio adjustments) to maximize vertical play space. * **UI/HUD:** * Score display at the top left. * "Next Bubble" preview displayed slightly to the side of the shooter (bottom right). * A "Restart" button that appears on Game Over (minimum 44x44px touch target). * **Feedback:** Add `window.navigator.vibrate(50)` for haptic feedback when a match is made. Camera should shake slightly (screen shake) when a large combo (5+ bubbles) is popped. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Bubble Shooter is one of the most beloved classic puzzle games that has captivated players worldwide for decades. This addictive arcade-style game challenges you to clear a field of colorful bubbles by strategically shooting and matching identical colors. With its simple yet engaging gameplay, Bubble Shooter offers hours of entertainment for players of all ages.

The game features vibrant, eye-catching graphics with smooth animations that make every bubble pop satisfying. Whether you're looking for a quick gaming session during a break or want to challenge yourself with high scores, this timeless puzzle game delivers the perfect balance of relaxation and mental stimulation.

Core Features

Classic Bubble-Popping Action

Experience the pure joy of bubble-popping with precision aiming and strategic thinking. Each shot counts as you work to create combinations and clear the playing field efficiently.

Power-Up System

Enhance your gameplay with exciting power-ups including: - Bomb Bubbles : Clear large sections of bubbles instantly - Aim Helper : Get assistance with perfect shot placement - Rainbow Bubbles : Match with any color for versatile combinations

Progressive Difficulty

The game becomes increasingly challenging as bubbles gradually descend. Failed combinations cause the entire field to move down one row, adding pressure and excitement to every shot.

Combo System

Create spectacular chain reactions by planning multiple matches in sequence. The more bubbles you clear in a single shot, the higher your score multiplier becomes.

Mobile-Optimized Experience

Perfectly designed for both desktop and mobile play, with intuitive touch controls and responsive gameplay that works seamlessly across all devices.

Game Mechanics

Matching System

The core gameplay revolves around creating groups of three or more identical colored bubbles. When you successfully match bubbles, they disappear from the field, and any unconnected bubbles below them fall away, often creating satisfying chain reactions.

Strategic Aiming

Success in Bubble Shooter requires careful consideration of each shot. You can use walls to bounce bubbles at challenging angles, allowing you to reach difficult spots and create unexpected combinations.

Scoring System

Your score increases based on several factors: - Number of bubbles cleared in each match - Length of combo chains - Efficiency of field clearing - Use of power-ups for maximum impact

Operation Guide

Basic Controls

  • Mouse : Click to aim and shoot bubbles on desktop
  • Touch : Tap to aim and release bubbles on mobile devices
  • Targeting : A dotted line shows your shooting trajectory
  • Color Preview : See your next bubble color to plan ahead

Winning Strategy Tips

  1. Plan Ahead : Always consider your next 2-3 shots
  2. Use Walls : Bounce shots off walls to reach difficult areas
  3. Create Cascades : Look for opportunities to drop large sections
  4. Save Power-ups : Use special bubbles at optimal moments
  5. Focus on Clusters : Target areas with many same-colored bubbles

Game Progression

Start with a partially filled field and work systematically to clear all bubbles. The challenge increases as: - Bubble patterns become more complex - Color variety increases - Time pressure builds as rows descend - Strategic thinking becomes more crucial

Why Play Bubble Shooter

Perfect for Everyone

This game appeals to puzzle enthusiasts, casual gamers, and anyone looking for a relaxing yet engaging experience. Its intuitive gameplay makes it accessible to players of all skill levels.

Brain Training Benefits

  • Improves hand-eye coordination
  • Enhances strategic thinking
  • Develops pattern recognition skills
  • Provides stress relief through satisfying gameplay

Endless Replayability

With randomly generated bubble patterns and the constant challenge of beating your high score, Bubble Shooter offers unlimited entertainment value.

Free and Accessible

Enjoy this complete gaming experience without any cost. Play instantly in your browser without downloads or installations required.

Frequently Asked Questions (FAQ)