Blooming Gardens - Match 3 Puzzle Game

Seele01-Flash
By
Blooming Gardens is a unique match-3 puzzle game that combines garden management with strategic flower matching. Clear space by lining up 5 identical flowers while preventing your garden from becoming overgrown.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Blooming Gardens". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A charming, low-poly 3D garden aesthetic. The camera should be set to a fixed **Isometric Top-Down view** (OrthographicCamera) to ensure the grid is clearly readable on small screens. * **Grid System**: A 9x9 tiled board representing the garden soil. * **Tiles**: Alternating shades of green (checkerboard pattern) to distinguish grid cells clearly. * **Flower Models**: Since external assets cannot be loaded, use distinct **Procedural Geometries** (combinations of SphereGeometry, CylinderGeometry, TorusKnotGeometry) to represent 5-7 different flower types. * *Examples*: Red Roses (Sphere clusters), Yellow Daisies (Flat cylinders), Blue Tulips (Cone shapes). * *Colors*: Must be high contrast (Red, Blue, Yellow, Purple, Orange, White). * **Performance Optimization**: Use **InstancedMesh** for the ground tiles and flowers to minimize draw calls, ensuring 60FPS on mobile browsers. * **Atmosphere**: A soft ambient light combined with a directional sunlight casting soft shadows to give depth to the board. Background color should be a calming deep forest green. ### 2. Audio Requirements * **BGM**: A relaxing, looping acoustic track (guitar or harp) with subtle ambient nature sounds (birds chirping, wind rustling) to induce a "Zen" state. * **Sound Effects (SFX)**: * **Select**: A soft "pop" or "bubble" sound. * **Move**: A "woosh" or leaf-rustling sound as the flower travels. * **Invalid Move**: A dull "thud" or low-pitched buzzer. * **Match/Clear**: A satisfying magical "chime" or "arpeggio" that scales in pitch based on the number of flowers cleared. * **Game Over**: A slowed-down, melancholy tune. ### 3. Gameplay Loop * **Core Mechanic**: A "Lines 98" style logic puzzle. 1. **Spawn**: The game starts with 5 flowers scattered randomly. 2. **Turn Structure**: * The player selects a flower and taps an empty destination tile. * **Pathfinding Algorithm (Critical)**: The code must implement **A* (A-Star) or BFS (Breadth-First Search)** logic. The flower *cannot* move to the destination if there is no clear path of empty tiles between the start and end (blocked by other flowers). 3. **Resolution**: * If the move results in **5 or more** matching flowers in a line (Horizontal, Vertical, or Diagonal), those flowers disappear, the player gains points, and **no new flowers spawn**. * If no line is formed, **3 new flowers** spawn in random empty spots. 4. **Preview System**: A UI element (HUD) must display the *next* 3 flower types and colors that are about to spawn, allowing the player to strategize. 5. **Game Over**: When the grid is completely full and no moves are possible. ### 4. Mobile Controls & Interaction * **Touch Input**: * Use `THREE.Raycaster` mapped to touch events. * **Tap 1**: Select a flower (Function: lift the model slightly on the Y-axis + Highlight tile with a glow/border). * **Tap 2**: Tap a destination tile. * **Visual Feedback**: * **Path Preview**: If the path is valid, briefly draw a dotted line or highlight the tiles along the path before the flower moves. * **Blocked**: If the path is blocked, shake the selected flower model (visual "No" gesture) and vibrate the device (Haptic Feedback) if the API permits. * **Orientation**: Portrait Mode preferred. The grid should be centered with the "Next Flower Preview" and "Score" fixed at the top of the screen (safe area). * **UI sizing**: Ensure all buttons (Restart, Pause) are at least 44x44px for accessibility. The grid tiles must be large enough to be easily tapped without fat-finger errors. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Blooming Gardens is an innovative puzzle game that transforms the classic match-3 concept into an engaging garden management challenge. Unlike traditional farming games, this strategic puzzle requires careful planning as your garden continuously grows new flowers with every move you make. The goal is simple yet challenging: line up 5 identical flowers to clear them from your garden while preventing complete overgrowth.

This free browser-based game offers endless entertainment for puzzle enthusiasts who enjoy strategic thinking combined with beautiful floral themes. With its unique mechanics where every action triggers new growth, Blooming Gardens provides a fresh take on the match-3 genre that keeps players constantly engaged.

Core Features

Dynamic Garden Growth System

Every flower you plant triggers additional growth throughout your garden, creating an ever-evolving puzzle landscape. This unique mechanic means you must think several moves ahead to prevent your garden from becoming unmanageable.

Strategic Path-Based Movement

Flowers can only be moved along clear pathways in your garden grid. Blocked paths are clearly marked with X symbols, adding an extra layer of strategy to your flower arrangements.

Progressive Difficulty

As your garden grows, available space decreases, making each move increasingly critical. The challenge intensifies as you must balance clearing flowers with managing new growth.

Visual Feedback System

The game provides clear indicators for upcoming flower types and valid movement paths, helping you plan your strategy effectively.

Game Play

Objective and Rules

Your primary goal is to prevent garden overgrowth while achieving the highest possible score. Line up 5 or more identical flowers in a row to clear them from the board. The more flowers you clear in a single move, the higher your score.

Movement Mechanics

Click to select a flower, then click on a destination tile to move it. Remember, flowers can only travel along clear pathways - if the route is blocked by other flowers, the move won't be possible.

Strategic Planning

Use the preview panel on the right side of the screen to see which flowers will appear next. This information is crucial for planning your moves and preventing overgrowth.

Operation Guide

Mouse Controls: - Left Mouse Button : Select and pick up flowers - Left Mouse Button (Second Click) : Plant flower in new location - Mouse Hover : Preview movement paths and identify blocked routes

Basic Steps: 1. Survey your garden and identify potential matches 2. Check the upcoming flower preview 3. Click on a flower to select it 4. Click on a valid destination to move the flower 5. Look for opportunities to create lines of 5+ identical flowers 6. Clear flowers before the garden becomes completely full

Pro Strategy Tips: - Don't rush to complete a line of 5 if you can extend it to 6 or more flowers - Always check for clear pathways before attempting moves - Plan moves based on upcoming flower types shown in the preview - Focus on creating multiple clearing opportunities simultaneously

Why Play This Game

Perfect for Puzzle Lovers : Combines classic match-3 mechanics with unique garden growth dynamics for a fresh challenge.

No Download Required : Play instantly in your web browser without any installation or registration.

Strategic Depth : Every move matters as new flowers continuously appear, requiring constant strategic adaptation.

Relaxing Yet Engaging : Beautiful floral themes provide a peaceful gaming environment while maintaining mental stimulation.

Cross-Platform Compatible : Works perfectly on desktop computers, tablets, and mobile devices through any modern web browser.

Free to Play : Enjoy unlimited gameplay without any costs or premium restrictions.

Whether you're looking for a quick mental break or an extended puzzle session, Blooming Gardens offers the perfect balance of strategy, beauty, and engaging gameplay that will keep you coming back to tend your virtual garden.

Frequently Asked Questions (FAQ)