Bubble Shooter Classic
Prompt
MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Bubble Shooter Classic". Please read the following detailed game design requirements first, and then generate the code accordingly:
### 1. Assets & Environment
* **Visual Style:** A "2.5D" arcade aesthetic. Use an **Orthographic Camera** to maintain strict 2D gameplay mechanics while utilizing 3D lighting for visual depth.
* **Bubble Assets:** Create high-quality `THREE.SphereGeometry` meshes for bubbles. Use `THREE.MeshPhysicalMaterial` with high roughness and a clearcoat to simulate a glossy, plastic toy ball look.
* **Color Palette:** High-saturation, candy-like colors (Hot Pink, Cyan, Bright Yellow, Lime Green, Violet) set against a deep, dark violet/indigo background (`#1a0b2e`) to ensure high visibility and contrast.
* **Lighting:** A three-point lighting setup (Ambient + Directional + Point light) to create nice specular highlights on the spherical bubbles.
* **Optimization:** Use **InstancedMesh** for the bubbles to handle hundreds of spheres with a single draw call, ensuring 60fps on mobile devices. Implement a simple particle system for "popping" effects using plane geometries with transparent textures.
### 2. Audio Requirements
* **BGM:** A lighthearted, looping "Casual/Puzzle" track. Style: Plucky pizzicato strings mixed with soft marimba or synth-bells. It should be relaxing but rhythmic.
* **Sound Effects (SFX):**
* **Shoot:** A soft pneumatic "Thwump" or "Whoosh" sound.
* **Collision/Stick:** A wooden "Tock" sound when the bubble hits the wall or grid.
* **Pop:** A high-pitched, satisfying bubble wrap "Pop" or glass chime.
* **Cluster Drop:** A cascading xylophone sound when non-matched bubbles fall due to disconnection.
* **Game Over/Win:** Short arcade jingles (sad trombone for loss, upbeat fanfare for win).
### 3. Gameplay Loop
* **Grid System:** Implement a **Hexagonal Grid** (offset rows) for bubble packing. Bubbles must snap to the nearest valid grid slot upon collision, not use free-form physics.
* **Shooting Mechanic:** The player controls a launcher at the bottom center. Bubbles travel in a straight line with **Wall Reflections** (bouncing off left/right screen edges).
* **Matching Logic:**
* When a projectile settles, run a **Flood Fill (BFS/DFS)** algorithm.
* If 3 or more bubbles of the same color connect, destroy them.
* **Floating Cluster Check:** After every pop, check for "orphan" bubbles that are no longer connected to the ceiling/root. These must drop and fall off the screen.
* **Win/Loss:**
* **Win:** Clear all bubbles from the screen.
* **Loss:** If the bubble mass reaches the bottom "Deadline" (a visible dashed line just above the shooter).
### 4. Mobile Controls & Interaction
* **Touch Interaction:** Implement a **"Press-Drag-Release"** mechanic.
* **Touch Down & Drag:** Aim the shooter. Calculate the angle based on the touch position relative to the launcher.
* **Visual Guide:** Render a **dotted trajectory line** that shows exactly where the bubble will travel, including the first bounce off a wall. This is crucial for mobile precision.
* **Release:** Fire the bubble.
* **Screen Orientation:** Strictly **Portrait Mode** layout.
* **UI Layout:**
* Score and "Next Bubble" preview placed in the top corners (safe area).
* Buttons (Pause/Restart) must be at least 44x44px for touch accessibility.
* **Haptic Feedback:** Trigger `navigator.vibrate(10)` on collision and `navigator.vibrate(30)` on a successful pop/match.
Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.
Game Introduction
About Bubble Shooter Classic
Bubble Shooter Classic brings the beloved bubble-popping experience to your browser with vibrant colors and smooth gameplay. This timeless puzzle game has captivated millions of players worldwide with its simple yet addictive mechanics. Match three or more bubbles of the same color to make them pop and clear the screen in this classic arcade-style game.
With a solid 4.0 rating from players, Bubble Shooter Classic delivers the perfect balance of relaxation and challenge that keeps you coming back for more.
Core Features
Free and Instant Play
- Completely free to play with no hidden costs or premium features
- No download required - play instantly in your web browser
- HTML5 technology ensures smooth performance across all devices
- Mobile optimized for seamless gameplay on phones and tablets
Colorful and Engaging Gameplay
- Vibrant bubble design with multiple colors including pink, blue, yellow, and orange
- Physics-based mechanics for realistic bubble movement and collisions
- Progressive difficulty that gradually increases as you advance through levels
- Satisfying pop effects and smooth animations enhance the gaming experience
User-Friendly Design
- Easy controls suitable for players of all ages and skill levels
- Cute visual style appeals to both children and adults
- Intuitive interface makes jumping into the action effortless
- Arcade-style gameplay perfect for quick sessions or extended play
Game Mechanics
How Bubble Shooting Works
The core gameplay revolves around strategic bubble placement. Aim your bubble launcher at clusters of matching colors, and when three or more bubbles of the same color connect, they pop and disappear. The goal is to clear all bubbles from the screen using the fewest shots possible.
Strategic Elements
- Bank shots off walls to reach difficult angles
- Chain reactions create satisfying cascades when bubbles fall
- Color planning helps you set up future shots
- Precision aiming becomes crucial in challenging levels
Controls and Operation
Simple Point-and-Shoot Controls
- Mouse : Point and click to aim and shoot bubbles on desktop
- Touch : Tap to aim and release to shoot on mobile devices
- Visual guides : Dotted lines show your shot trajectory
- Color preview : See your next bubble color before shooting
The intuitive control scheme makes Bubble Shooter Classic accessible to everyone, from young children to seniors looking for brain-training entertainment.
Why Play Bubble Shooter Classic
Perfect for Any Occasion
Whether you need a quick mental break during work, want to unwind after a long day, or are looking for family-friendly entertainment, Bubble Shooter Classic fits the bill. The game's easy-to-understand mechanics make it perfect for casual gaming sessions.
Brain Training Benefits
- Strategic thinking improves as you plan multi-shot combinations
- Hand-eye coordination develops through precise aiming
- Pattern recognition skills enhance with color matching
- Stress relief through satisfying bubble-popping action
Universal Appeal
The cute, colorful design and gentle gameplay make this suitable for all family members. It's challenging enough to keep experienced gamers engaged while remaining accessible to newcomers to puzzle games.
Always Available
As an instant browser game, Bubble Shooter Classic is always ready when you are. No installation, no updates, no storage space required - just pure bubble-popping fun whenever you need it.
Frequently Asked Questions (FAQ)
Is Bubble Shooter Classic free to play?
+
Yes, Bubble Shooter Classic is completely free to play with no hidden charges, in-app purchases, or premium features. You can enjoy the full game experience without spending any money.
Can I play Bubble Shooter Classic on my phone?
+
Absolutely! The game is fully optimized for mobile devices including smartphones and tablets. It works perfectly on both iOS and Android devices through your web browser.
Do I need to download anything to play?
+
No download is required. Bubble Shooter Classic runs directly in your web browser using HTML5 technology. Simply visit the game page and start playing instantly.
How do I play Bubble Shooter Classic?
+
Aim your bubble launcher at groups of bubbles with the same color. When three or more bubbles of the same color connect, they pop. Clear all bubbles to win the level. Use mouse clicks on PC or touch controls on mobile.
What makes this different from other bubble shooter games?
+
Bubble Shooter Classic offers the pure, original bubble shooting experience with vibrant colors, smooth physics, and classic arcade gameplay. It focuses on the timeless mechanics that made bubble shooters popular.
Is the game suitable for children?
+
Yes, Bubble Shooter Classic is family-friendly with cute visuals and easy controls. It's rated as suitable for all ages and provides a safe, educational gaming experience that helps develop strategic thinking.
Can I save my progress?
+
The game automatically saves your progress locally in your browser. You can continue from where you left off when you return to play, as long as you use the same browser and device.
What devices support Bubble Shooter Classic?
+
The game works on all modern devices including Windows PCs, Mac computers, smartphones, tablets, and any device with a web browser that supports HTML5 technology.