Space Bubbles - Classic Bubble Shooter Game

Seele01-Flash
By
Space Bubbles is a captivating bubble shooter game set in the cosmos, featuring 80 progressively challenging levels. Match colorful bubbles in this classic arcade-style puzzle game that combines strategic thinking with satisfying gameplay.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Space Bubbles**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Adopt a vibrant, 2D-looking aesthetic within a 3D space (2.5D style). Use high-saturation colors (neon purples, electric blues, hot pinks) typical of arcade space themes. * **The Bubbles**: Render spheres with a glossy, reflective material (like polished plastic or glass) to simulate the "bubble" look. Use distinct colors: Red, Blue, Green, Yellow, Purple, Cyan. When a match occurs, implement a particle explosion effect in the matching color to signify popping. * **The Cannon**: A futuristic, rocket-shaped launcher positioned at the bottom center. It should pivot on the Z-axis to follow the player's aim. * **Environment (Background)**: A deep space skybox featuring twinkling stars, a large stylized purple planet (similar to the screenshot) in the distance, and faint nebula clouds. The play area should be framed by a subtle UI border to define wall boundaries. * **Lighting**: Use a strong ambient light to ensure colors pop, combined with a directional light to create specular highlights on the spherical bubbles. * **Mobile Optimization**: Keep polygon counts low for spheres (use `IcosahedronGeometry` with detail level 2 or 3). Use instanced mesh rendering for the bubbles to ensure 60 FPS performance on mobile devices. ### 2. Audio Requirements * **BGM**: A loopable, upbeat "Space Synthwave" or "Chiptune" track. It should feel retro-arcade but modern, with a steady beat to keep the player focused. * **Sound Effects (SFX)**: * **Shoot**: A "pew-pew" laser sound or a compressed air launch sound. * **Impact/Stick**: A soft "thud" or "click" when a bubble hits the cluster but doesn't pop. * **Pop/Match**: A satisfying, high-pitched "pop" or glass-breaking sound, potentially scaling in pitch if multiple combos are triggered. * **Bounce**: A metallic "ping" when the bubble ricochets off the side walls. * **Win/Lose**: A triumphant fanfare for clearing the level vs. a descending "game over" drone. ### 3. Gameplay Loop * **Core Mechanic**: Classic Bubble Shooter rules. The player launches a bubble from the bottom cannon into a cluster of bubbles at the top. * **Matching Logic**: When the projectile bubble collides with the grid, if it connects with 2 or more bubbles of the same color (forming a group of 3+), they destroy. * **Floating Clusters**: If destroying a group leaves other bubbles disconnected from the main ceiling mass, those isolated bubbles must also fall/destroy (giving extra points). * **Collision**: Implement precise circle-circle collision detection. The projectile must stop immediately upon touching a non-matching bubble or the ceiling. * **Wall Bounce**: The projectile must be able to ricochet off the left and right walls (reflection vector logic) to reach difficult spots. * **Win/Loss Condition**: * **Win**: Clear all bubbles from the screen. * **Loss**: The bubble mass descends too low and crosses a "danger line" near the launcher. ### 4. Mobile Controls & Interaction * **Orientation**: Portrait mode (Vertical) is preferred for mobile to maximize the vertical play area for the bubble grid. * **Touch Input**: * **Tap-and-Hold / Drag**: The user touches anywhere on the screen and drags to aim. A dotted "trajectory line" (raycast visualizer) should appear showing where the bubble will go, including wall bounces. * **Release**: Releasing the finger fires the bubble. * Alternatively, simple **Tap-to-Shoot**: Tapping a specific point on the screen instantly fires the bubble toward that coordinate. * **UI/UX**: * Ensure the "Next Bubble" preview is clearly visible near the cannon. * Buttons (Restart, Menu) must be at least 44x44 pixels and placed away from the main shooting area to prevent accidental clicks. * **Haptic Feedback**: Trigger a light vibration (using `navigator.vibrate`) when a match is made or when the level is cleared. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Space Bubbles is a premium quality bubble shooting game that brings the beloved classic bubble shooter formula to the vast expanse of space. This engaging puzzle game features a stunning space environment with vibrant, colorful bubbles floating against a cosmic backdrop. With 80 carefully designed levels of increasing difficulty, Space Bubbles offers hours of addictive gameplay that will keep you coming back for more.

The game combines the timeless appeal of traditional bubble shooters with modern graphics and smooth gameplay mechanics. Each level presents unique challenges and layouts, ensuring that players never experience a dull moment as they progress through their intergalactic bubble-popping adventure.

Core Features

Extensive Level Progression

Space Bubbles boasts an impressive 80 levels with gradually increasing difficulty. This extensive content ensures long-lasting entertainment, with each level introducing new challenges, patterns, and strategic elements that keep the gameplay fresh and engaging.

Stunning Space Theme

Immerse yourself in a beautifully crafted space environment featuring: - Vibrant cosmic backgrounds with planets, stars, and space elements - Colorful bubble designs that pop with visual appeal - Smooth animations and satisfying bubble-popping effects - Space-themed visual elements that enhance the overall gaming experience

Classic Bubble Shooter Mechanics

Built on the foundation of traditional bubble shooters, the game features: - Precision aiming system for accurate bubble placement - Wall bouncing mechanics for strategic shots - Color matching gameplay that's easy to learn but challenging to master - Progressive difficulty curve suitable for both beginners and experts

Brain Training Benefits

As a brain game, Space Bubbles helps develop: - Strategic thinking through shot planning and bubble placement - Pattern recognition skills for identifying optimal matches - Hand-eye coordination through precise aiming - Problem-solving abilities when facing challenging level layouts

Game Mechanics

The core gameplay revolves around the classic "match-3" bubble shooting formula. Players must strategically aim and shoot colored bubbles to create groups of three or more identical colors. When successful matches are made, the bubbles disappear, clearing space and potentially triggering chain reactions for higher scores.

Strategic Elements

  • Trajectory planning : Consider bubble paths and wall bounces for optimal shots
  • Color management : Prioritize which colors to eliminate first based on level layout
  • Chain reactions : Set up cascading eliminations for maximum efficiency
  • Limited shots : Some levels may have shot restrictions, adding strategic depth

Operation Guide

Basic Controls

Space Bubbles features intuitive controls that make it accessible to players of all skill levels:

  • Mouse Aiming : Move your mouse to aim the bubble shooter in your desired direction
  • Click to Shoot : Left-click to launch the bubble toward your target
  • Wall Bouncing : Utilize wall ricochets to reach difficult spots and create strategic shots
  • Direct Targeting : Shoot directly at bubble clusters for straightforward eliminations

Gameplay Tips

  1. Plan Your Shots : Take time to analyze the bubble formation before shooting
  2. Use Wall Bounces : Master the ricochet technique to reach seemingly impossible spots
  3. Focus on Clusters : Target areas with multiple bubbles of the same color
  4. Create Cascades : Look for opportunities to trigger chain reactions
  5. Clear Strategic Areas : Sometimes it's better to clear support bubbles to drop larger sections

Platform Support

Space Bubbles is designed as a browser-based game , making it accessible across multiple platforms:

  • Desktop Computers : Full-screen experience on Windows, Mac, and Linux
  • Mobile Devices : Touch-optimized controls for smartphones and tablets
  • Web Browsers : Compatible with Chrome, Firefox, Safari, and Edge
  • No Downloads Required : Instant play without installation

Why Play Space Bubbles

Perfect for All Ages

Space Bubbles appeals to a wide audience thanks to its: - Simple learning curve that welcomes newcomers - Increasing complexity that challenges experienced players - Family-friendly content suitable for children and adults - Relaxing gameplay that serves as an excellent stress reliever

Educational Value

Beyond entertainment, Space Bubbles offers cognitive benefits: - Improves focus through concentration-demanding gameplay - Enhances spatial reasoning via trajectory calculations - Develops patience through strategic thinking requirements - Builds persistence as players work through challenging levels

Accessibility and Convenience

  • Completely free to play with no hidden costs or premium features
  • Instant accessibility through any web browser
  • No registration required - jump straight into the action
  • Cross-device compatibility allows you to play anywhere
  • Pause and resume functionality fits into busy schedules

Frequently Asked Questions (FAQ)