Smarty Bubbles - Free Bubble Shooter Game

Seele01-Flash
By
Smarty Bubbles is a captivating match-3 bubble shooter game that combines relaxing gameplay with challenging mechanics. Aim, shoot, and pop colorful bubbles in this endless arcade experience that's completely free to play.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Smarty Bubbles". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a clean, vibrant 2D gameplay plane using 3D assets. The aesthetic should be "Glossy Arcade." * **Bubble Models:** Use `THREE.SphereGeometry` for bubbles. Apply a high-gloss material (e.g., `MeshPhongMaterial` or a MatCap shader) to simulate the shiny, plastic look seen in the screenshot. * **Color Palette:** Use highly saturated, distinct colors for the bubbles: Cyan (#00FFFF), Lime Green (#32CD32), Magenta (#FF00FF), Purple (#800080), Golden Yellow (#FFD700), and Red (#FF4500). * **Background:** A soothing, static light blue gradient (`linear-gradient`) backdrop to ensure high contrast with the colorful bubbles. * **Particle Effects:** Implement a simple particle system (using `THREE.Points` or instanced meshes) that triggers when bubbles are popped, emitting small colored sparks or droplets that fade out. * **Mobile Optimization:** Use `InstancedMesh` for rendering the bubble grid to reduce draw calls. Limit sphere segments (e.g., 16x16) to maintain 60 FPS on mobile devices. ### 2. Audio Requirements * **BGM (Background Music):** Implement a system to toggle between 4 distinct, relaxing "Lounge/Elevator" style looped tracks. The default should be a calm, melodic synth track. * **Sound Effects (SFX):** * **Shoot:** A soft "thwup" or air-pressure sound. * **Impact/Stick:** A wet "squish" or "thud" when a bubble attaches to the grid. * **Pop:** A high-pitched, satisfying bubble wrap popping sound. Pitch shift slightly up for combo chains. * **Bounce:** A metallic "ping" when the bubble hits the side walls. * **Game Over:** A descending chime or "glass breaking" sound. ### 3. Gameplay Loop * **Grid System:** Implement a staggered hexagonal grid layout (honeycomb pattern) at the top of the screen. * **Shooting Mechanic:** A "cannon" bubble spawns at the bottom center. A "next bubble" preview is shown aside. * **Matching Logic:** * When a projectile hits the grid, check for collisions. * Use a flood-fill algorithm (BFS/DFS) to detect matches of 3 or more same-colored bubbles. * **Cluster Drop:** Detect "floating" bubbles (those no longer connected to the ceiling) and make them fall using basic gravity physics before removing them. * **Progression (Endless):** The ceiling moves down incrementally either over time or after a set number of shots without a match. * **Scoring & Stats:** * Score = (Bubbles Popped * 10) + (Floating Drops * 20). * **Stats Tracking:** Store session data: Total Play Time, Total Bubbles Popped (broken down by Color). Display these in a "Game Over" modal. * **Game Over:** Triggered when any bubble crosses a defined "danger line" near the shooter. ### 4. Mobile Controls & Interaction * **Touch Controls:** Implement a "Drag-to-Aim, Release-to-Shoot" mechanic. * **Touch Down & Drag:** Calculate the angle from the shooter to the finger position. * **Release:** Fire the bubble in the calculated direction. * **Aim Assist:** Draw a dotted trajectory line (using `THREE.Line` or a shader) that updates in real-time while dragging. Crucially, show the *reflection* path off the side walls to help players aim for "bubble ravines." * **Orientation:** Force Portrait Mode (or handle camera resizing dynamically to keep the aspect ratio fixed for the gameplay area). * **UI/UX:** * Buttons (Pause, Music Toggle) must have a minimum touch target of 44x44 pixels. * **Haptic Feedback:** Trigger a short vibration (`navigator.vibrate(50)`) when bubbles are successfully popped. * **Animations:** Smoothly tween the bubble grid movement when the ceiling drops. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Smarty Bubbles is a classic bubble shooter game that delivers the perfect blend of relaxation and challenge. This colorful match-3 puzzle game invites players to aim, shoot, and pop bubbles in an endless arcade format that never gets old. With its vibrant graphics, soothing soundtrack, and addictive gameplay mechanics, Smarty Bubbles has become a favorite among casual gaming enthusiasts worldwide.

Unlike many bubble shooters that feature predetermined levels, this game offers an endless experience where your skills are constantly tested. The bubbles continuously descend, creating an increasingly challenging environment that keeps players engaged for hours.

Core Features

Endless Gameplay Experience

Smarty Bubbles breaks away from traditional level-based formats by offering unlimited gameplay. This endless mode creates a more challenging and engaging experience compared to similar bubble shooting games, as players must constantly adapt to new bubble formations and increasing difficulty.

Relaxing Audio-Visual Design

The game features a carefully crafted ambiance with soothing sound effects and four different musical tracks. Players can switch between these tracks anytime to match their mood, creating a personalized and relaxing gaming experience. The colorful bubble graphics and smooth animations add to the visual appeal.

Advanced Statistics Tracking

For players who enjoy tracking their progress, Smarty Bubbles provides detailed statistics including the number of bubbles cleared by color and total playtime. These nerdy stats appear both in the main menu and at the end of each game session.

Strategic Bubble Physics

The game incorporates realistic bubble physics, allowing players to bounce shots off walls to reach difficult positions. This feature adds a strategic element to the gameplay, enabling creative solutions for complex bubble formations.

Game Mechanics

Match-3 Bubble Shooting

The core gameplay revolves around the classic match-3 mechanic. Players shoot bubbles toward groups of the same color, and matching three or more bubbles causes them to pop and disappear. The satisfaction of clearing large clusters creates an addictive gameplay loop.

Progressive Difficulty

As bubbles continuously move down the screen, players must maintain quick reflexes and strategic thinking. The challenge increases as more bubbles accumulate, requiring efficient clearing strategies to prevent the screen from being overwhelmed.

How to Play

Basic Controls

  • Mouse Movement : Aim your bubble shooter in the desired direction
  • Hold Left Click : Fine-tune your aim and prepare to shoot
  • Release Click : Fire the bubble toward your target
  • Mobile Touch : Tap and drag to aim, release to shoot

Winning Strategy

  • Focus on creating large clusters for maximum points
  • Target bubble groups that support others to cause chain reactions
  • Use wall bounces to reach difficult areas (bubble ravines)
  • Maintain balanced clearing to prevent any side from becoming overwhelmed
  • Pop bubbles quickly as they continuously descend

Advanced Tips

Look for opportunities to remove supporting bubbles that will cause larger groups to fall. This technique can lead to spectacular chain reactions and higher scores. The game rewards strategic thinking over random shooting.

Platform Compatibility

Smarty Bubbles is designed as a web-based game that runs smoothly on both desktop and mobile devices. The game is optimized for:

  • Desktop Browsers : Chrome, Firefox, Safari, Edge
  • Mobile Devices : iOS and Android smartphones and tablets
  • No Download Required : Play instantly through any modern web browser
  • Cross-Platform Progress : Statistics and progress are saved locally

Why Play Smarty Bubbles

This bubble shooter stands out for its perfect balance of accessibility and challenge. While easy to learn, the endless format and strategic depth keep players coming back. The game serves as an excellent stress reliever with its calming music and satisfying bubble-popping mechanics.

The absence of time limits or lives systems means players can enjoy uninterrupted gameplay sessions. Whether you have five minutes or an hour, Smarty Bubbles adapts to your available time while providing consistent entertainment value.

Free Gaming Experience

Smarty Bubbles is completely free to play with no hidden costs, in-app purchases, or premium features. Players get access to all game features, music tracks, and statistics tracking without any payment requirements. This makes it an ideal choice for casual gaming without financial commitment.

Frequently Asked Questions (FAQ)