Candy Bubble - Sweet Bubble Shooter Game

Seele01-Flash
By
Candy Bubble is a delightful lollipop-themed bubble shooter that combines colorful visuals with challenging puzzle mechanics. Match 3 or more bubbles to clear levels in this sweet adventure through a magical candy world.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Candy Bubble Shooter**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a sugary, vibrant "Candy Land" aesthetic. The visuals should be highly saturated with a pastel color palette (pinks, baby blues, lemon yellows). * **Models (Three.js Primitives & Shaders):** * **Bubbles:** Use spheres with a high-gloss, reflective material (`MeshPhysicalMaterial` or `MeshPhongMaterial`) to mimic hard candy or lollipops. Add a subtle swirl texture map or procedural noise to give them a "candy wrapper" or "swirled lollipop" look. * **Launcher:** A stylized cannon at the bottom center, possibly shaped like a candy cane or a lollipop stick. * **Background:** A static or slowly scrolling 2D background plane depicting a fantasy candy kingdom (cupcake hills, ice cream mountains) to add depth without consuming performance. * **Particles:** * **Explosion:** When bubbles match and pop, emit particle bursts of "sugar crumbs" or small sparkles. * **Trail:** The projectile bubble should have a faint, magical glitter trail. * **Mobile Optimization:** Use simple geometries for the bubbles (SphereGeometry with low segments, e.g., 16-24) to maintain high FPS on mobile. Implement object pooling for bubbles and particles to avoid garbage collection stutter. ### 2. Audio Requirements * **BGM (Background Music):** A cheerful, upbeat, and looping track featuring "cute" instrumentation like marimbas, glockenspiels, and light pizzicato strings. It should feel energetic but relaxing. * **SFX (Sound Effects):** * **Shoot:** A satisfying "woosh" or light "pop" sound when launching a bubble. * **Collision/Bounce:** A soft, rubbery "thud" or "boing" when hitting walls. * **Match/Clear:** A sparkly, high-pitched chime or a "crunch" sound (like biting candy) when bubbles are cleared. * **Game Over:** A descending, slightly comical trombone slide or a slow-down effect. * **Win:** A triumphant fanfare with applause. ### 3. Gameplay Loop * **Core Mechanic:** Classic Bubble Shooter logic. The player shoots colored bubbles from the bottom center into a grid of pre-existing bubbles at the top. * **Matching:** When a projectile connects with bubbles of the same color, check for a cluster of 3 or more. If matched, remove them and detach any "floating" bubbles that are no longer connected to the ceiling (gravity drop). * **Wall Bouncing:** The projectile must reflect off the left and right vertical screen edges accurately using raycasting reflection vectors. * **Level Progression:** The bubble ceiling slowly descends after every *N* missed shots (shots that don't result in a clear). * **Win/Loss:** * **Win:** Clear all bubbles from the screen. * **Lose:** Any bubble touches the "danger line" just above the launcher. ### 4. Mobile Controls & Interaction * **Touch-to-Aim & Release-to-Shoot:** * **Input:** Instead of "tap to shoot," implement a "Press-Drag-Release" mechanic which feels better on touchscreens. * **Action:** The user touches anywhere on the screen and drags their finger to adjust the aim trajectory. A dotted "aiming line" (guide) should appear showing the path and the first wall reflection. * **Trigger:** Releasing the finger fires the bubble. * **Screen Orientation:** Enforce **Portrait Mode** layout for better one-handed playability. The grid should fit within the width of a standard mobile screen. * **UI Elements:** * **Buttons:** Large, rounded buttons (Play, Restart) with a "jelly" click animation (scale down slightly on touch start, bounce back on touch end). * **Score:** Displayed clearly at the top. * **Swap Bubble:** A small circular button next to the launcher to swap the current projectile with the "next" bubble (a common quality-of-life feature). * **Haptic Feedback:** Trigger a short, light vibration (using `navigator.vibrate`) when a bubble is shot and a stronger vibration when a match is made. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Candy Bubble is an enchanting bubble shooter game that takes you on a sweet journey through a magical candy wonderland. This vibrant puzzle game features a charming cartoon princess and beautifully designed candy-themed levels that will captivate players of all ages. With its perfect blend of colorful graphics and challenging gameplay, Candy Bubble offers hours of entertaining puzzle-solving fun.

The game combines classic bubble shooter mechanics with a delightful candy theme, creating an immersive experience where every level feels like exploring a sugary paradise. Players will encounter various obstacles and power-ups as they progress through increasingly challenging stages.

Core Features

Stunning Visual Design

Candy Bubble features gorgeous hand-drawn graphics with a magical candy kingdom theme. The game world is filled with lollipops, gummy bears, chocolate treats, and other delicious sweets that create a visually appealing gaming environment.

Progressive Difficulty System

While the game starts with simple levels to help you learn the mechanics, it quickly becomes more challenging. Each level introduces new obstacles, bubble arrangements, and strategic requirements that will test your puzzle-solving skills.

Strategic Gameplay Elements

  • Bounce Shots : Use wall bounces to reach difficult angles and clear hard-to-reach bubbles
  • Chain Reactions : Create cascading effects by strategically removing key bubbles
  • Limited Shots : Plan your moves carefully as some levels have shot restrictions
  • Special Bubbles : Encounter unique bubble types with special properties

Cross-Platform Compatibility

Play Candy Bubble anywhere with full support for desktop and mobile browsers. The game automatically adapts to your screen size, ensuring optimal gameplay whether you're on a computer, tablet, or smartphone.

Gameplay Mechanics

Core Objective

Your main goal is to clear all bubbles from the playing field by matching 3 or more bubbles of the same color. When bubbles are matched, they disappear along with any bubbles hanging below them that are no longer connected to the top.

Advanced Strategies

  • Wall Bouncing : Master the art of bouncing bubbles off walls to access difficult spots
  • Color Planning : Always consider your next few shots to avoid getting stuck
  • Cluster Targeting : Focus on large groups of same-colored bubbles for maximum clearing effect
  • Edge Clearing : Work on clearing bubbles from the sides to create more space

Controls and Operation

Mouse Controls (Desktop) : - Move your mouse to aim the bubble shooter - Left-click to shoot bubbles toward your target - The aiming line shows your shot trajectory

Touch Controls (Mobile) : - Tap and drag to aim your shot - Release to shoot the bubble - Intuitive touch interface optimized for mobile play

The game features precise aiming mechanics that allow for strategic shot placement. The visual trajectory guide helps you plan bounce shots and accurate targeting.

Why Play Candy Bubble

Candy Bubble stands out in the crowded bubble shooter genre with its perfect combination of accessibility and challenge. The game is easy enough for casual players to enjoy but offers enough strategic depth to keep puzzle enthusiasts engaged for hours.

The beautiful candy-themed artwork creates a relaxing and joyful gaming atmosphere, making it perfect for stress relief or quick entertainment breaks. With no time limits on most levels, you can play at your own pace and really think through each move.

The game's free-to-play model means you can enjoy the full experience without any cost, making it an excellent choice for anyone looking for quality entertainment without financial commitment.

Frequently Asked Questions (FAQ)