Flat Jewels - Match 3 Puzzle Game

Seele01-Flash
By
Flat Jewels is a strategic match-3 puzzle game that challenges players to think multiple moves ahead. Click matching jewel trios to create cascading combos and maximize your score in this addictive browser-based puzzle experience.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Flat Jewels". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Flat Geometric" or "Origami" aesthetic. The jewels should not be realistic 3D diamonds but rather styled like the game logo—flat, faceted shapes with hard edges (Vector/Low-poly style). * **Color Palette:** Use a vibrant, high-contrast palette against a dark background to make the colors pop. * *Background:* Deep Navy Blue (#0a192f) or Dark Slate. * *Jewel Types (5-6 varieties):* Ruby (Red/Pink), Sapphire (Blue), Emerald (Green), Amethyst (Purple), Topaz (Yellow/Orange). * *Shapes:* Use simple `THREE.ExtrudeGeometry` or `THREE.PlaneGeometry` with custom shaders/textures to create a "folded paper" or "faceted crystal" look without complex lighting. * **Camera:** Use an **OrthographicCamera** to ensure the game looks perfectly flat and aligned, maintaining the "2D" aesthetic within the 3D engine. * **Effects:** * **Particles:** When jewels are cleared, spawn simple triangular shards (particles) that explode outward and fade quickly. * **Animations:** Smooth interpolation (Tweening) for jewels falling to fill empty spaces. They should bounce slightly upon landing to give a sense of weight. ### 2. Audio Requirements * **BGM:** A chill, minimal "Lo-Fi" or "Synth-pop" background track. It should be repetitive but non-intrusive, aiding concentration. * **Sound Effects:** * *Select/Tap:* A crisp, high-pitched "Glass Tap" or "Digital Blip". * *Match Clear:* A satisfying "Crunch" or "Chime" chord that ascends in pitch as the player creates combos. * *Falling:* A subtle "Slide" or "Whoosh" when columns drop down. * *Game Over:* A low-pitched descending tone. ### 3. Gameplay Loop * **Grid System:** A standard 8x8 or 10x10 grid filled with random jewels. * **Core Mechanic (Collapse):** Unlike swapping games (Candy Crush), this is a tapping game. 1. Player taps a jewel. 2. System checks if the jewel is connected horizontally or vertically to at least 2 other jewels of the same color (Minimum match = 3). 3. If valid, the entire connected group vanishes. 4. Jewels above the empty space fall down (gravity simulation). 5. New jewels spawn at the top to fill the columns. * **Scoring:** Exponential scoring based on group size (e.g., 3 jewels = 30pts, 5 jewels = 100pts). * **End Condition:** The game is endless, but gets harder, OR the game ends if there are no valid moves left (no groups of 3 exist on the board). For this implementation, include a "Reshuffle" button if no moves are possible, with a penalty cost. ### 4. Mobile Controls & Interaction * **Input Handling:** Use `THREE.Raycaster` to detect touch/click events on the jewel meshes. * **Interaction Logic:** * *Single Tap:* Instantly clears the group if it is a valid match (Immediate gratification). * *Invalid Tap:* If the player taps a group of less than 3, play a small "wobble" animation on the jewel to indicate it cannot be popped yet. * **Screen Adaptation:** * **Portrait Mode:** The grid should fit within the width of the phone screen with a UI header for Score and a footer for options. * **Touch Areas:** Ensure touch targets are distinct. If jewels are small, increase the invisible hit-box size for the Raycaster. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(10)` on a successful match. * **Visual:** When a group is tapped, flash the selected jewels white for 1 frame before destroying them. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Flat Jewels is an engaging match-3 puzzle game that combines classic jewel-matching mechanics with strategic depth. Rated 4.4 out of 5 stars by players, this free online game challenges you to think beyond simple matching and plan multiple moves ahead to achieve maximum scoring potential.

Unlike traditional match-3 games, Flat Jewels rewards strategic thinking and forward planning. Every click matters as you work to create cascading combinations that clear multiple rows and columns simultaneously.

Core Features

Strategic Depth Beyond Basic Matching

While the jewels may appear flat, the gameplay strategy runs deep. Success requires careful consideration of how each move will affect the board layout and create opportunities for future combinations.

Cascading Combo System

The game's physics-based mechanics allow cleared jewels to create chain reactions. Strategic players can engineer situations where one well-placed click triggers multiple sequential matches, dramatically boosting their score.

Instant Browser Play

  • Completely Free : No cost to play, no hidden fees or premium content
  • No Download Required : Play instantly in any modern web browser
  • Cross-Platform Compatible : Works seamlessly on desktop computers, tablets, and mobile devices
  • HTML5 Technology : Smooth performance across all supported platforms

Scoring and Competition

The game rewards both speed and strategy. Players must balance quick decision-making with thoughtful planning to achieve high scores and compete on leaderboards.

Gameplay Mechanics

Match-3 Foundation

At its core, Flat Jewels follows traditional match-3 rules: click on groups of three or more identical jewels to make them disappear. However, the strategic element comes from predicting and orchestrating chain reactions.

Physics-Based Movement

When jewels disappear, remaining pieces fall down due to gravity. This creates opportunities for new matches to form automatically, leading to powerful combo chains.

Strategic Planning

Master players think several moves ahead, considering: - How cleared jewels will affect the board layout - Where falling pieces will create new matching opportunities - How to set up multi-level cascading combinations - Timing clicks to maximize chain reaction potential

Operation Guide

Desktop Controls

  • Mouse Click : Click on any group of three or more matching jewels to clear them
  • Strategic Clicking : Look for opportunities where clearing one group will cause beneficial cascades

Mobile Controls

  • Touch and Tap : Use your finger to tap on matching jewel groups
  • Responsive Design : The game automatically adjusts to your screen size for optimal mobile play

Gameplay Tips

  • Scan the Board : Before clicking, examine the entire board for potential chain reactions
  • Think Ahead : Consider how your current move will affect future possibilities
  • Maximize Combos : Focus on moves that will create the longest possible cascade chains
  • Time Management : Balance strategic thinking with quick execution

Why Play Flat Jewels

Perfect for All Skill Levels

Whether you're new to puzzle games or a match-3 veteran, Flat Jewels offers an accessible entry point with unlimited skill ceiling. The basic mechanics are easy to learn, but mastering the strategic elements provides long-term challenge.

Brain Training Benefits

The game exercises: - Pattern Recognition : Identifying matching jewel combinations - Strategic Planning : Thinking multiple moves ahead - Problem-Solving : Finding optimal solutions under time pressure - Visual Processing : Quickly analyzing complex board states

Stress-Free Gaming

  • No Time Pressure : Play at your own pace without countdown timers
  • All Ages Content : Suitable for players of all ages
  • Quick Sessions : Perfect for short breaks or extended gaming sessions
  • No Installation Hassles : Start playing immediately without downloads or registrations

Community and Competition

Compete with other players through scoring systems and challenge yourself to improve your strategic thinking with each game session.

Frequently Asked Questions (FAQ)