Blobs - Color Matching Puzzle Game

Seele01-Flash
By
Blobs is an engaging color matching puzzle game that challenges players to color all circles the same shade using strategic thinking. This family-friendly brain teaser offers 8 progressive levels perfect for players of all ages.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Blobs". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A vibrant, semi-realistic "Paint & Canvas" aesthetic. The game board consists of a grid (e.g., 10x10 or 12x12) of 3D "Blobs." * **Models:** * **The Blobs:** Use `THREE.SphereGeometry` slightly flattened on the Y-axis to look like drops of paint or beads. Use `THREE.MeshPhysicalMaterial` with high roughness (0.2) and clearcoat (1.0) to simulate wet paint. * **The Palette:** A 3D UI element anchored to the bottom of the camera view. It should look like a wooden artist's palette holding 6 distinct color buttons (spheres). * **Color Scheme:** Extract colors from the reference image: * Vibrant Red (#FF0000) * Lime Green (#00FF00) * Bright Yellow (#FFFF00) * Magenta/Pink (#FF00FF) * Orange (#FFA500) * Grey/Silver (#C0C0C0) * Background: A soft, warm paper-textured off-white (#FDFBF7) to contrast with the vibrant blobs. * **Performance Optimization:** Use `THREE.InstancedMesh` for the blob grid to ensure 60fps on mobile devices. Implement a simple shadow plane (baked texture) instead of real-time shadows to save battery. ### 2. Audio Requirements * **BGM:** A relaxing, acoustic loop (guitar or pizzicato strings) that evokes a "Sunday afternoon creative session" vibe. * **Sound Effects (SFX):** * **Selection:** A wet "squish" or "plop" sound when a color is selected. * **Flooding:** A cascading ripple sound (ascending distinct tones) as the color change propagates through the grid. * **Win:** A cheerful "Ta-da" or brush stroke flourish. * **Fail:** A soft wooden thud. ### 3. Gameplay Loop * **Setup:** The grid is initialized with random colors for each blob. The player controls the "cluster" starting at the top-left corner [0,0]. * **Mechanic (Flood Fill):** * The player selects a color from the bottom palette. * The top-left cluster changes to the selected color. * Any adjacent blobs (Up, Down, Left, Right) sharing the *new* color are absorbed into the player's cluster. * **Animation:** The color change should not be instant. It must "ripple" outward from the top-left, with a slight delay (e.g., 50ms) between neighbors changing color, creating a satisfying wave effect. * **Victory Condition:** Convert the entire grid to a single color within a specific number of moves (e.g., 25 moves). * **Progression:** Incremental difficulty. Level 1 starts with fewer colors (3) and a smaller grid. Level 8 uses all 6 colors and a larger grid. ### 4. Mobile Controls & Interaction * **Controls:** * **Palette Interaction:** The 6 color buttons at the bottom screen are the primary touch targets. They must be large enough for thumbs (minimum 15% of screen width each). * **Raycaster:** Use a Raycaster to detect touches on the 3D palette buttons. * **Screen Orientation:** Portrait mode locked. * **Camera:** Fixed orthographic camera (top-down view) to ensure the puzzle grid is perfectly legible and not distorted. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(10)` (light tap) when a palette color is pressed. * **Visual:** When a palette button is pressed, it should scale down slightly (0.9x) and bounce back to simulate a physical button press. * **UI Layout:** * Top Center: "Level X" text. * Top Right: "Moves Left: XX" counter. * Center: The Blob Grid (centered with padding). * Bottom: The Color Palette (interactive zone). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Blobs is a captivating color matching puzzle game that combines simple mechanics with strategic thinking. With a rating of 3.2/5, this casual puzzle game offers an accessible yet engaging challenge for players seeking a relaxing brain exercise. The game features vibrant colors, intuitive controls, and progressively challenging levels that keep players entertained.

Core Features

Simple Yet Strategic Gameplay

The core mechanic revolves around coloring all circles to match the same color. While this sounds straightforward, the strategy lies in selecting colors that will affect the maximum number of adjacent circles, creating a domino effect that efficiently spreads your chosen color across the board.

Family-Friendly Entertainment

  • All Ages Welcome : Perfect for children and adults to enjoy together
  • Easy Learning Curve : Simple rules that anyone can understand quickly
  • Safe Content : Completely family-appropriate with no inappropriate material
  • Educational Value : Develops color recognition and strategic thinking skills

Progressive Challenge System

The game offers 8 carefully designed levels that gradually increase in complexity. Each level presents unique color patterns and layouts, ensuring that players face new challenges as they advance through the game.

Cross-Platform Compatibility

  • HTML5 Technology : Runs smoothly in any modern web browser
  • Mobile Optimized : Perfect touch controls for smartphones and tablets
  • No Download Required : Play instantly without installation
  • Universal Access : Compatible with Windows, Mac, iOS, and Android devices

Game Mechanics

Color Spreading Strategy

The key to success in Blobs lies in understanding how colors spread. When you select a new color, it affects the main circle and any adjacent circles of similar colors. This creates opportunities for chain reactions that can color large portions of the board in a single move.

Efficient Color Selection

Players must analyze the current board state and choose colors that will maximize their coverage. The most effective strategy involves selecting colors that are already present in adjacent circles, allowing the color change to cascade across connected areas.

How to Play

Getting Started

  1. Observe the Board : Look at the upper-left circle, which serves as your starting point
  2. Analyze Adjacent Colors : Check the colors of surrounding circles
  3. Select Strategic Color : Choose a color from the palette that appears in nearby circles
  4. Watch the Spread : Observe how your color choice affects connected areas
  5. Repeat Process : Continue until all circles match the same color

Control System

  • Color Palette : Located in the lower-left corner for easy access
  • Click Selection : Simply click on your desired color to apply it
  • Game Options : Pause, sound, and music controls in the lower-right corner
  • Level Navigation : Replay completed levels or progress to new challenges

Winning Strategy

The most efficient approach involves: - Identifying color clusters and planning multi-step combinations - Selecting colors that create the largest immediate impact - Working systematically from one area to gradually encompass the entire board - Minimizing the total number of moves required to complete each level

Why Play Blobs?

Mental Exercise Benefits

Blobs provides excellent brain training through: - Pattern Recognition : Identifying optimal color combinations - Strategic Planning : Thinking several moves ahead - Problem Solving : Finding efficient solutions to color puzzles - Visual Processing : Analyzing spatial relationships between colored elements

Stress-Free Gaming

This casual puzzle game offers: - Relaxing Pace : No time pressure or urgent deadlines - Flexible Sessions : Play for minutes or hours at your preference - Positive Reinforcement : Satisfying visual feedback when colors spread - Achievement System : Complete all 8 levels and compare scores with others

Perfect for Any Moment

Whether you're taking a quick break, spending time with family, or looking for a gentle mental challenge, Blobs adapts to your needs. The game's simple interface and engaging mechanics make it an ideal choice for puzzle enthusiasts of all experience levels.

Frequently Asked Questions (FAQ)