Bug Match - Cute Puzzle Matching Game

Seele01-Flash
By
Bug Match is a charming puzzle matching game where you swap cute bugs to create rows of 3 or more. Light up all tiles by making strategic matches to advance through increasingly challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Bug Match 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A vibrant, "Low-Poly" 3D art style with a "Cute" and "Nature/Jungle" aesthetic. Colors should be high saturation (greens, yellows, oranges). * **Camera:** Use a fixed **PerspectiveCamera** positioned slightly angled looking down at the board to emphasize 3D depth, but static enough to ensure precise interaction. * **The Grid:** A central 8x8 floating board. The background behind the board should be a stylized 3D jungle scene (simple trees, vines, drifting leaf particles) or a high-quality 2D lush green gradient texture if 3D performance is a concern. * **Game Pieces (Bugs):** Create 5-6 distinct geometric primitives representing bugs (e.g., Red Sphere = Ladybug, Yellow Cylinder = Bee, Blue Cube = Beetle, Green Pyramid = Grasshopper). They should have simple animated eyes (blink). * **The "Lit" Tile Mechanic:** The board slots must have two states: "Dark" (unlit) and "Lit" (glowing gold/bright green). When a match occurs on top of a slot, the slot's material texture or emissive color changes to the "Lit" state. * **Locked Items:** Visual representation for "Locked bugs" (e.g., a semi-transparent cage or vine mesh overlaying the bug). * **Performance:** Use `InstancedMesh` for the grid tiles to reduce draw calls. Limit dynamic lights; use baked lighting or ambient light + one directional light. ### 2. Audio Requirements * **BGM:** A cheerful, looping "Marimba" or "Xylophone" style tropical track. It should be relaxing but rhythmic. * **Sound Effects (SFX):** * **Select:** A soft "click" or high-pitched "bloop". * **Swap:** A "whoosh" air sound. * **Match:** A satisfying, wet "pop" or "squish" sound. * **Tile Light-Up:** A magical "chime" sound when a background tile lights up. * **Locked Break:** A "crack" or "snap" sound when a locked bug is freed. * **Win:** A short fanfare. ### 3. Gameplay Loop * **Core Mechanic:** Standard Match-3 logic. The player swaps adjacent bugs horizontally or vertically. * **Matching Logic:** * If 3+ same-colored bugs align, they are destroyed. * **Crucial:** The grid slots *underneath* the destroyed bugs change their state to "Lit". * Gravity causes bugs above to fall down, and new random bugs spawn at the top. * **Locked Mechanism:** Some bugs spawn with a `locked` property (displayed with the cage asset). These bugs cannot be swapped. To unlock them, the player must form a match *adjacent* to them or include them in a match (if the game logic allows matching locked items). Once matched/triggered, the lock breaks (state changes), and the bug behaves normally. * **Win Condition:** The level ends ONLY when **all** grid slots on the board are "Lit". * **Fail Condition:** No possible moves left (trigger a shuffle or game over). ### 4. Mobile Controls & Interaction * **Touch Handling:** Use Three.js `Raycaster` mapped to `touchstart` and `touchend` events. * **Swipe Detection:** Instead of just clicking, allow the player to touch a bug and drag (swipe) onto a neighbor to initiate the swap. * **Tap Fallback:** Support Tap-to-Select (highlight selection) -> Tap-to-Swap. * **Screen Orientation:** Lock UI layout to **Portrait Mode** for best mobile holdability, but ensure the camera FOV adapts if the window is resized. * **UI & Feedback:** * **Haptics:** Trigger `navigator.vibrate(50)` on a successful match. * **Selection:** When a bug is selected, it should bob up and down or scale up slightly (1.2x) to indicate selection. * **Invalid Move:** If a swap results in no match, the bugs should animate swapping back to their original positions immediately (elastic bounce). * **UI Layout:** Place the "Score" and "Level Progress" at the top, and any menu buttons at the very bottom, ensuring they are at least 44px by 44px for touch accessibility. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Bug Match is a delightful puzzle matching game that combines strategic thinking with adorable bug characters. With a solid 3.2/5 rating from players, this engaging brain teaser challenges you to swap bugs horizontally or vertically to create matching rows of three or more identical creatures.

The game features a unique tile-lighting mechanic where successful matches illuminate grid squares. Your objective is to light up every tile on the board to complete each level and progress to more challenging puzzles.

Core Features

Intuitive Match-3 Gameplay

Bug Match offers classic match-3 mechanics with a fresh twist. Instead of simply clearing matches, you must strategically plan your moves to ensure every tile becomes illuminated through successful bug combinations.

Progressive Difficulty System

Start with simple grids and work your way up to complex puzzles featuring locked bugs that require double matches to clear. Each level introduces new challenges that test your puzzle-solving skills.

Cute and Colorful Design

Featuring adorable bug characters in vibrant colors, the game appeals to players of all ages. The charming visual style makes each matching session enjoyable and relaxing.

Cross-Platform Compatibility

Built with HTML5 technology, Bug Match runs smoothly on computers, tablets, and smartphones. No downloads required – just open your browser and start playing immediately.

Family-Friendly Content

Rated for all ages, this game provides wholesome entertainment suitable for children and adults alike. The easy-to-understand mechanics make it perfect for casual gaming sessions.

Game Mechanics

Basic Matching Rules

  • Swap any bug with its immediate horizontal or vertical neighbor
  • Create rows of 3 or more identical bugs to make successful matches
  • Each successful match lights up the tiles beneath those bugs
  • Complete the level by illuminating every tile on the grid

Special Challenge Elements

  • Locked Bugs : Some bugs appear with locks and require two separate matches to fully clear
  • Strategic Planning : Limited moves mean you must think ahead to ensure all tiles can be lit
  • Grid Variations : Different level layouts keep the gameplay fresh and challenging

Operation Guide

Mouse/Touch Controls : Simply click or tap on any bug, then click on an adjacent bug (horizontally or vertically) to swap their positions. The game automatically detects valid matches and lights up corresponding tiles.

Strategy Tips : - Look for opportunities to create multiple matches with a single swap - Pay attention to locked bugs and plan double matches accordingly - Focus on lighting corner and edge tiles first, as they're often hardest to reach - Take your time – there's no timer pressure, so plan each move carefully

Why Play Bug Match

Bug Match stands out in the crowded puzzle game market by combining familiar match-3 mechanics with unique tile-lighting objectives. The game offers:

  • Completely Free : No hidden costs or premium features – enjoy the full experience at no charge
  • No Download Required : Instant access through any modern web browser
  • Perfect for Quick Breaks : Ideal for short gaming sessions during breaks or commutes
  • Brain Training Benefits : Improves pattern recognition, strategic planning, and problem-solving skills
  • Stress Relief : The cute graphics and relaxing gameplay provide a pleasant mental break
  • Universal Appeal : Simple enough for children yet engaging enough for adults

Whether you're a puzzle game veteran or new to match-3 mechanics, Bug Match offers an accessible yet rewarding gaming experience that will keep you coming back for more challenging levels.

Frequently Asked Questions (FAQ)