Bubble Pop Classic

Seele01-Flash
By
Bubble Pop Classic is an addictive bubble shooter game featuring stage-based challenges. Match colorful bubbles, clear levels, and enjoy classic puzzle gameplay that's perfect for players of all ages.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Bubble Pop Classic". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Juicy" and vibrant 3D aesthetic based on the promotional image. The game should feature highly polished, glossy visual elements reminiscent of high-quality casual mobile games. * **Camera:** Use an **Orthographic Camera** fixed in a top-down view to ensure gameplay precision and consistent bubble scaling across different mobile screen aspect ratios. * **Bubble Assets:** * Use `THREE.SphereGeometry`. * Material: `MeshPhysicalMaterial` with high `roughness: 0.1`, `metalness: 0.1`, and `clearcoat: 1.0` to simulate the shiny, glass-like appearance seen in the screenshot. * Colors: Vibrant Red, Blue, Green, Yellow, and Purple. * **Optimization:** STRICTLY use `THREE.InstancedMesh` for the bubble grid to manage performance on mobile devices, as there may be 100+ bubbles on screen. * **Background:** A deep, dark gradient (dark purple to black) to provide high contrast against the bright bubbles. * **Effects:** * **Trails:** A simple `TrailRenderer` or particle trail behind the projectile bubble when shot. * **Explosions:** When matches occur, spawn a simple particle system (using `THREE.Points`) that bursts in the color of the popped bubbles. ### 2. Audio Requirements * **BGM:** A cheerful, relaxing, and looping "elevator bossa nova" or light synth-pop track. Low tempo to not induce stress. * **Sound Effects (SFX):** * **Shoot:** A soft "thwip" or compressed air sound. * **Impact/Stick:** A solid "thud" when a bubble hits the grid but doesn't pop. * **Pop/Match:** A high-pitched, satisfying bubble wrap popping sound or glass ting. * **Cluster Drop:** A heavy "whoosh" when disconnected bubbles fall. * **Win/Lose:** Short melodic jingles (Ascending major chord for win, descending minor for lose). ### 3. Gameplay Loop * **Grid System:** Implement a **Hexagonal Grid** system (staggered rows) at the top of the screen. * **Shooting Mechanic:** * The player controls a launcher at the bottom center. * The projectile bubble travels in a straight line. * **Wall Bouncing:** The bubble must reflect (bounce) off the left and right walls of the game arena. * **Collision & Snapping:** When the projectile hits a grid bubble or the top wall, it must "snap" to the nearest empty grid coordinate. * **Matching Logic:** * After snapping, perform a flood-fill (DFS/BFS) algorithm. * If 3 or more bubbles of the same color are connected, they are removed (popped). * **Floating Cluster Check:** After a pop, check for "floating islands" (bubbles not connected to the ceiling/root). Any floating bubbles must drop and be removed, awarding extra points. * **Win/Loss Condition:** * **Win:** Clear all bubbles from the stage. * **Lose:** If the bubble grid expands or a shot lands such that the lowest bubble crosses a "Danger Line" near the shooter. ### 4. Mobile Controls & Interaction * **Touch Aiming (Slingshot/Drag):** * **Interaction:** Touch and drag *anywhere* on the screen to aim. This prevents the player's finger from covering the shooter. * **Release:** Lift finger to fire the bubble. * **Visual Aid (Trajectory Line):** * Render a dotted line using `THREE.Line` or small sprites that shows the predicted path of the bubble, **including the bounce off the walls**. This is critical for mobile UX. * **Bubble Swap:** * Render a "Next Bubble" preview near the shooter. * Allow the user to **tap the shooter** (or a specific swap button) to switch the current projectile with the next one. * **Orientation:** Lock to **Portrait Mode** logic (taller playfield). * **Haptics:** Trigger `navigator.vibrate(10)` on shooting and `navigator.vibrate([30, 50, 30])` on a successful match-3 combo. 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 Pop Classic is a captivating bubble shooter game that combines classic puzzle mechanics with modern gameplay features. This engaging casual game challenges players to match and pop colorful bubbles across multiple stages, each presenting unique obstacles and exciting challenges. With its vibrant graphics and intuitive controls, Bubble Pop Classic offers an perfect gaming experience for bubble shooter enthusiasts.

Core Features

Stage-Based Progression System

Unlike endless bubble shooters, Bubble Pop Classic features a well-designed stage progression system. Each level presents unique layouts, bubble patterns, and challenges that keep the gameplay fresh and engaging. As you advance through stages, you'll encounter increasingly complex puzzles that test your strategic thinking and aiming skills.

Colorful Bubble Matching Mechanics

The game revolves around the classic bubble shooter formula: aim, shoot, and match three or more bubbles of the same color to make them pop. The satisfying bubble-popping action is enhanced by smooth animations and rewarding sound effects that make every successful match feel accomplished.

Special Power-Ups and Items

Bubble Pop Classic includes various power-ups and special items to help you overcome challenging levels. These strategic tools add depth to the gameplay, allowing players to blast through difficult sections and achieve higher scores.

Cross-Platform Compatibility

Designed for maximum accessibility, the game runs perfectly on both desktop and mobile browsers without requiring any downloads or installations. Whether you're playing on a computer or smartphone, the experience remains smooth and enjoyable.

Gameplay Mechanics

Strategic Bubble Shooting

Success in Bubble Pop Classic requires more than just matching colors. Players must think strategically about bubble placement, use wall bounces effectively, and plan multiple moves ahead to clear levels efficiently. The physics-based shooting mechanics make every shot feel realistic and satisfying.

Progressive Difficulty

The game starts with simple layouts perfect for beginners, gradually introducing more complex patterns, limited shots, and special bubble types. This progressive difficulty ensures that players remain challenged without feeling overwhelmed.

Controls and Operation

Mouse Controls (Desktop)

  • Left Mouse Button : Drag to aim your shot and click to fire bubbles
  • Right Mouse Button : Swap between your current bubble and the next one for strategic planning
  • Click on Items : Activate special power-ups and tools when available

Touch Controls (Mobile)

  • Tap and Drag : Aim your shot by dragging on the screen
  • Tap on Shooter : Swap bubbles for better strategic options
  • Tap Items : Use special tools and power-ups

Aiming System

The game features a helpful aiming line that shows the trajectory of your bubble, making it easier to plan precise shots and utilize wall bounces effectively.

Why Play Bubble Pop Classic

Perfect for All Skill Levels

Whether you're a casual gamer looking for relaxation or a puzzle enthusiast seeking challenges, Bubble Pop Classic adapts to your skill level. The early stages teach basic mechanics, while later levels provide complex puzzles for experienced players.

Stress-Free Gaming Experience

With no time limits or pressure mechanics, you can take your time to plan each shot carefully. This makes it an ideal game for unwinding and enjoying peaceful puzzle-solving sessions.

Instant Accessibility

No downloads, no installations, no registration required. Simply open your browser and start playing immediately. The game saves your progress automatically, so you can continue where you left off anytime.

Engaging Visual Design

The colorful, vibrant graphics create an appealing visual experience that's both modern and reminiscent of classic bubble shooter games. The smooth animations and particle effects make every bubble pop satisfying to watch.

Frequently Asked Questions (FAQ)