Tingly Bubble Shooter

Seele01-Flash
By
Tingly Bubble Shooter is a classic arcade puzzle game where you match colorful bubbles to clear the screen. Swap ammo strategically and race against time to become the ultimate bubble-shooting champion.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Tingly Bubble Shooter". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Arcade style. The game should use an `OrthographicCamera` to maintain the classic flat layout while leveraging 3D lighting for depth. * **Bubble Models:** Create bubbles using `THREE.SphereGeometry`. Use `THREE.MeshPhysicalMaterial` to achieve a glossy, "candy-like" or "glass marble" appearance (high transmission, low roughness, clearcoat). * **Colors:** High-saturation Palette: Red, Blue, Yellow, Orange, Cyan, Violet. * **Lighting:** Use a soft ambient light paired with a directional light to create the specific white specular highlight seen in the screenshot on the top-right of each bubble. * **Performance Optimization (Crucial):** Since there can be 100+ bubbles on screen, use **`THREE.InstancedMesh`** for rendering the bubble grid to ensure 60fps on mobile devices. Do not create individual Mesh objects for every bubble. * **Background:** A soothing, static gradient (light purple to light blue) background `THREE.PlaneGeometry` positioned behind the bubbles. ### 2. Audio Requirements * **BGM:** A lighthearted, looping "elevator bossa nova" or upbeat synth-pop track. It should be unobtrusive and relaxing. * **Sound Effects (SFX):** * **Shoot:** A "thwip" or air-compression sound when the bubble is fired. * **Collision:** A soft "clack" when a bubble hits the wall or lands on the grid. * **Pop:** A satisfying high-pitched "pop" or glass chime sound when a group clears. * **Swap:** A mechanical "click" when swapping the current ammo. * **Warning:** A low-frequency rumble or subtle alarm when the ceiling is about to drop. ### 3. Gameplay Loop * **Grid System:** Implement a hexagonal grid layout (staggered rows). * **Shooting Mechanic:** The player launches bubbles from the bottom center. The bubble must travel in a straight line, bouncing off the left and right walls (raycasting logic required), until it hits an existing bubble or the top ceiling. * **Matching Logic:** Use a Flood Fill algorithm. If the fired bubble connects with 2 or more bubbles of the same color (cluster size >= 3), they pop and disappear. * **Floating Clusters:** Any bubbles no longer connected to the ceiling (orphaned clusters) must fall off the screen and award bonus points. * **Ammo Swap:** Display the "current" bubble in the cannon and the "next" bubble beside it. Allow the player to swap them. * **Fail State (The Ceiling):** Every time the player fires a shot that *does not* result in a pop (a "foul"), decrement a counter. When the counter hits 0, the entire grid shifts down one row, and a new row generates at the top. * **Game Over:** If any bubble crosses the "danger line" just above the shooter mechanism. ### 4. Mobile Controls & Interaction * **Orientation:** Portrait Mode (Vertical) is mandatory to maximize the play area. * **Aiming & Shooting:** Implement a "Touch-Drag-Release" mechanic: * **Touch & Drag:** Touching anywhere on the screen and dragging updates the trajectory line (visualizer). This allows precise aiming without the finger covering the shooter. * **Release:** Lifting the finger fires the bubble along the calculated trajectory. * **Swapping Ammo:** Create a dedicated, large circular hit area (at least 60x60px) around the shooter canon. Tapping this area triggers the color swap. * **Haptic Feedback:** Trigger a light vibration (`navigator.vibrate(10)`) when a bubble is fired, and a heavier vibration when a match is made. * **Trajectory Guide:** Draw a dashed line (`THREE.Line` or dotted texture) showing exactly where the ball will go, including the first bounce off the wall, to assist mobile users with small screens. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Tingly Bubble Shooter is an engaging brain training puzzle game that combines classic arcade action with strategic thinking. Your mission is simple yet addictive: create and burst groups of matching colored bubbles before the sky crashes down on you. This timeless bubble shooter offers hours of colorful entertainment for puzzle lovers of all ages.

The game challenges your precision, planning, and quick decision-making skills as you aim, shoot, and match bubbles in this vibrant puzzle adventure. With its intuitive gameplay mechanics and progressively challenging levels, Tingly Bubble Shooter provides the perfect balance of relaxation and mental stimulation.

Core Features

Strategic Ammo Swapping System

Unlike traditional bubble shooters, Tingly Bubble Shooter allows you to swap your ammo to launch different colored bubbles. This unique feature adds a layer of strategy, letting you plan your shots more effectively and create better matching opportunities.

Time Pressure Mechanics

Feel the excitement as you race against time! If you take too long to make your moves or make too many mistakes, the ceiling of bubbles will gradually descend, adding thrilling pressure to your bubble-popping adventure.

Colorful Visual Design

Enjoy vibrant, eye-catching graphics featuring bright red, blue, yellow, and purple bubbles set against a soothing gradient background. The clean, polished visual style makes it easy to distinguish colors and plan your strategy.

Progressive Challenge System

Start with simple patterns and gradually face more complex bubble arrangements. Each level tests your ability to think ahead and make precise shots under increasing pressure.

Brain Training Benefits

This isn't just entertainment – it's mental exercise! Regular play helps improve: - Color recognition and visual processing - Strategic planning and foresight - Hand-eye coordination - Problem-solving under pressure - Pattern recognition skills

Game Mechanics

The core gameplay revolves around creating groups of three or more matching bubbles . When you successfully match bubbles of the same color, they burst and disappear from the screen, potentially causing chain reactions as other bubbles fall.

Bubble Physics

Bubbles follow realistic physics as they bounce and settle into position. Understanding the trajectory and bounce patterns is key to mastering advanced shooting techniques and creating impressive combo chains.

Scoring System

Earn points for each successful match, with bonus points awarded for: - Larger groups of matched bubbles - Chain reactions and cascading matches - Quick consecutive shots - Clearing difficult sections

Operation Guide

Basic Controls

  • Mouse Movement : Aim your bubble shooter in any direction
  • Left Click : Launch the bubble toward your target
  • Spacebar or Right Click : Swap between different colored ammunition
  • Mouse Wheel : Fine-tune your aiming angle for precision shots

Shooting Techniques

Direct Shots : Aim directly at groups of matching colors for guaranteed matches.

Bank Shots : Use the side walls to bounce bubbles into hard-to-reach areas. Mastering bank shots is essential for advanced play.

Strategic Swapping : Before each shot, consider swapping your ammo if a different color would create a better matching opportunity or prevent the ceiling from lowering.

Winning Strategies

  1. Plan Ahead : Always look for opportunities to create large groups before shooting
  2. Use the Walls : Master bank shots to reach difficult spots
  3. Manage Your Ammo : Swap colors strategically to maximize each shot
  4. Work from the Top : Focus on upper bubbles to create cascading effects
  5. Speed Matters : Make decisions quickly to prevent the ceiling from descending

Why Play This Game

Perfect for All Skill Levels

Whether you're new to bubble shooters or a seasoned puzzle game veteran, Tingly Bubble Shooter offers an accessible yet challenging experience. The intuitive controls make it easy to start playing immediately, while the strategic depth keeps you engaged for hours.

Stress Relief and Mental Exercise

Combine relaxation with brain training in this perfectly balanced puzzle game. The satisfying pop of matching bubbles provides stress relief, while the strategic elements give your mind a healthy workout.

No Download Required

Play instantly in your web browser without any downloads, installations, or registration. Compatible with desktop computers, tablets, and smartphones for gaming anywhere, anytime.

Family-Friendly Entertainment

Safe, clean fun suitable for players of all ages. Share the bubble-shooting excitement with family members and friends as you compete for high scores.

Completely Free

Enjoy unlimited gameplay without any hidden costs, premium features, or pay-to-win mechanics. Pure bubble-shooting fun with no strings attached.

Tips for Becoming a Bubble Shooting Champion

Master the Fundamentals

  • Practice your aim in the early levels
  • Learn the bubble trajectory patterns
  • Understand how different colors interact
  • Develop quick color recognition skills

Advanced Techniques

  • Plan multiple moves ahead
  • Create strategic gaps for future shots
  • Use chain reactions to clear large sections
  • Time your shots to maximize efficiency

Stay Calm Under Pressure

As the ceiling descends, maintain your composure and focus on making accurate shots rather than rushing. A well-placed shot is worth more than three hasty ones.

Frequently Asked Questions (FAQ)