Smarty Bubbles - Bubble Shooter Game

Seele01-Flash
By
Smarty Bubbles is an addictive bubble shooting game where you control a colorful cannon to match three or more bubbles of the same color. Strategic shooting and quick thinking are key to clearing the advancing bubble wall.

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**: 2.5D Casual Aesthetic. Use a bright, vibrant color palette (Cyan background like the logo `#00BFFF`, with bubbles in Red, Green, Yellow, Purple, Orange, and Blue). * **Models**: * **Bubbles**: Use `THREE.SphereGeometry`. To ensure high performance on mobile, use `THREE.InstancedMesh` to render all bubbles, as there may be 100+ on screen simultaneously. Apply a `MeshStandardMaterial` with high gloss (roughness: 0.1, metalness: 0.1) to make them look like shiny plastic or gum. * **Cannon/Launcher**: A simple stylized arrow or cylindrical cannon at the bottom center. * **Grid System**: The bubbles must be arranged in a **hexagonal/staggered grid** (odd rows are indented), not a square grid. * **Lighting**: Ambient light (intensity 0.6) combined with a Directional Light (intensity 0.8) casting soft shadows to give depth to the spherical bubbles. * **Performance**: Limit sphere segments to 16 or 24. Enable shadow map only if FPS > 30. ### 2. Audio Requirements * **BGM**: A cheerful, looping, light-hearted synth-pop track (120 BPM) typical of casual puzzle games. * **Sound Effects (SFX)**: * **Shoot**: A soft "Thwump" or air-cannon sound. * **Collision/Stick**: A wet "Thud" when a bubble hits the cluster but doesn't pop. * **Match/Pop**: A satisfying high-pitched "Plop" or bubble burst sound. Increase pitch slightly for combo chains. * **Bounce**: A subtle "Ping" when the bubble hits the side walls. * **Game Over**: A descending slide whistle or low-tone buzz. ### 3. Gameplay Loop * **Core Mechanic**: The player launches a colored bubble from the bottom center. The bubble travels linearly. If it hits the side walls, it reflects (angle of incidence = angle of reflection). It stops when it collides with an existing bubble or the top wall. * **Matching Logic**: Upon stopping, perform a search (e.g., Depth-First Search) to find connected bubbles of the same color. If the count is **>= 3**, destroy them (animate scaling down to 0). * **Floating Cluster Logic**: After a match, run a "Ceiling Check". Any bubbles that are no longer connected to the top wall (directly or via a chain) must fall off the screen (apply gravity) and award bonus points. * **Progression/Difficulty**: Every 5 missed shots (shots that don't result in a clear), the entire ceiling of bubbles moves down by one row. * **Win/Loss**: * **Loss**: If any bubble reaches the bottom "Deadline" (y-coordinate near the shooter). * **Win/Endless**: Clear the board (or achieve high score in endless mode). ### 4. Mobile Controls & Interaction * **Control Scheme**: **"Drag-to-Aim, Release-to-Shoot"**. * Touch anywhere on the screen and drag. * Render a **Trajectory Line** (dotted line) that updates in real-time to show where the bubble will go, including wall reflections. This is crucial for mobile precision. * Release touch to fire. * **UI Layout**: * Score display at the top left (large font, legible on small screens). * "Next Bubble" preview indicator next to the cannon. * UI elements must be away from the bottom edge to avoid conflict with iOS "Home" gestures. * **Feedback**: * **Haptics**: Trigger `navigator.vibrate(50)` on bubble pop. * **Visuals**: Small particle explosion when bubbles vanish. * **Orientation**: Lock to Portrait Mode (or handle camera resize responsively to maintain aspect ratio of the play field). 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 captivating bubble shooter game that combines strategic thinking with fast-paced action. With an impressive 4.5-star rating, this colorful puzzle game challenges you to match bubbles while racing against time. The game features a bright, cheerful design that appeals to players of all ages, making it perfect for quick gaming sessions or extended play.

In this addictive matching game, you command a bubble-shooting cannon loaded with colorful orbs. Your mission is to strategically aim and fire bubbles to create groups of three or more matching colors, causing them to disappear from the wall. The twist? The wall of bubbles slowly creeps toward you, adding pressure to make quick, smart decisions.

Core Features

Instant Play Technology

  • No Download Required : Play immediately in your web browser
  • HTML5 Technology : Smooth performance across all modern devices
  • Cross-Platform Compatible : Works perfectly on computers, tablets, and smartphones
  • Quick Loading : Start playing within seconds

Strategic Bubble Shooting

  • Physics-Based Gameplay : Use wall bounces to reach difficult spots
  • Chain Reactions : Create massive combos by targeting supporting bubbles
  • Color Matching : Match three or more bubbles to clear sections
  • Progressive Difficulty : Challenges increase as you advance

Mobile-Optimized Experience

  • Touch Controls : Intuitive finger controls for mobile devices
  • Responsive Design : Adapts to any screen size automatically
  • Smooth Performance : Optimized for both high-end and budget devices

Game Mechanics

Match-3 Bubble Action

The core gameplay revolves around the classic match-3 mechanic adapted for bubble shooting. Fire colored bubbles from your cannon to create groups of identical colors. When three or more bubbles of the same color connect, they burst and disappear, potentially causing chain reactions that clear large sections of the wall.

Strategic Depth

While easy to learn, Smarty Bubbles offers surprising strategic depth. Expert players can: - Bank Shots : Use wall bounces to reach hidden areas - Target Support Bubbles : Remove key bubbles to collapse entire sections - Plan Chain Reactions : Set up cascading combos for maximum points - Manage Time Pressure : Balance speed with accuracy as the wall advances

Operation Guide

Desktop Controls

  • Mouse Aiming : Move your mouse to aim the bubble cannon
  • Click to Shoot : Left-click to fire bubbles at your target
  • Precision Targeting : Use the aiming line to plan your shots

Mobile Controls

  • Touch and Drag : Drag your finger to aim the cannon
  • Tap to Fire : Tap anywhere on screen to shoot bubbles
  • Intuitive Interface : Large, touch-friendly controls designed for mobile

Gameplay Tips

  1. Look for Overhangs : Target bubbles that support large clusters
  2. Use Bank Shots : Bounce bubbles off walls to reach difficult spots
  3. Plan Ahead : Consider where your bubble will land and what it will connect to
  4. Work Quickly : The bubble wall constantly moves toward you
  5. Focus on Large Groups : Clearing bigger sections gives more points

Why Play Smarty Bubbles

Perfect for All Skill Levels

Tagged as an "Easy" game, Smarty Bubbles welcomes beginners while offering enough depth to challenge experienced puzzle game fans. The intuitive controls mean anyone can start playing immediately, while the strategic elements provide long-term engagement.

Stress-Free Gaming

The cute, colorful design creates a relaxing atmosphere perfect for unwinding. Unlike competitive games, Smarty Bubbles lets you play at your own pace, making it ideal for stress relief and casual entertainment.

High Score Challenge

For competitive players, the game features a robust scoring system that rewards skillful play. Create massive chain reactions and clear levels efficiently to achieve high scores and compete with other players.

Accessibility Features

  • No Registration Required : Start playing immediately without creating accounts
  • Free to Play : Completely free with no hidden costs or premium content
  • Universal Compatibility : Works on virtually any device with a web browser
  • Family Friendly : Suitable for players of all ages with its cute, non-violent theme

Frequently Asked Questions (FAQ)