Jewel Master - Match Three Puzzle Game

Seele01-Flash
By
Jewel Master is an engaging match-three puzzle game that challenges your pattern recognition skills. Swap colorful jewels to create matches of three or more, unlock new levels, and become the ultimate Jewel Master.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Jewel Master: Jungle Temple Edition**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: A mix of "Ancient Temple" and "Shiny Arcade". Use a fixed Perspective Camera looking slightly down at a 3D game board to create depth. * **3D Models (Gems)**: Create procedural low-poly geometries (Icosahedron, Octahedron, Dodecahedron) to represent different jewels. * *Colors*: Red (Ruby), Blue (Sapphire), Yellow (Topaz), Pink (Amethyst), Green (Emerald). * *Materials*: Use `MeshPhysicalMaterial` with high roughness and metalness values to simulate a glassy, shiny look while maintaining mobile performance. Add a subtle rim light to make edges pop. * **The Board**: A dark, stone-textured grid background (plane) that contrasts well with the bright gems. Add a decorative "Gold Frame" around the playing area. * **Background**: A blurred, dark jungle or stone wall backdrop to focus attention on the board. * **Performance**: Use `InstancedMesh` for the gems if possible to reduce draw calls. Limit real-time shadows; use baked lighting or simple ambient + directional light. ### 2. Audio Requirements * **BGM**: A loopable, mysterious, yet relaxing "Tribal/Jungle Puzzle" track. Think marimbas, soft flutes, and light percussion. * **Sound Effects (SFX)**: * *Select*: A high-pitched, crisp "ting" or crystal resonance. * *Swap*: A quick "whoosh" air sound. * *Match/Destroy*: A satisfying "glass shattering" or "magical chime" sound. * *Invalid Move*: A low-pitched, dull "thud" or "wooden rattle". * *Combo*: An ascending scale of chimes for cascading matches. ### 3. Gameplay Loop * **Grid System**: An 8x8 grid populated with random gems. Ensure the initial state has no pre-existing matches. * **Core Mechanic**: 1. **Swap**: Player selects a gem and swaps it with an adjacent (horizontal or vertical) gem. 2. **Match Validation**: If the swap results in a line of 3 or more identical gems, they are "matched." 3. **Clear & Drop**: Matched gems disappear (scale down to 0), existing gems above drop down to fill gaps, and new gems spawn at the top. 4. **Reversion**: If a swap creates no match, the gems must animate back to their original positions. * **Scoring**: +100 points for 3-matches, +200 for 4-matches. Display a floating text score when a match occurs. * **Level Goal**: Reach a target score (e.g., 2000 points) within a limited number of moves (e.g., 20 moves) to win. ### 4. Mobile Controls & Interaction * **Input Handling**: Implement `Raycaster` logic for both Mouse (Desktop) and Touch (Mobile) events. * **Control Scheme**: * *Option A (Swipe)*: Detect `touchstart` and `touchend` coordinates to calculate swipe direction (Up/Down/Left/Right) for the selected gem. * *Option B (Tap-Tap)*: Tap first gem to select (highlight it), tap adjacent gem to swap. * **Feedback**: * **Visual**: When a gem is selected, it should slightly scale up (1.2x) or spin slowly. * **Haptic**: Trigger `navigator.vibrate(50)` on a successful match (if supported). * **Responsiveness**: The game canvas must resize dynamically. Ensure the grid remains visible and centered in both Portrait and Landscape modes. * **UI Layout**: Place the "Score" and "Moves Left" text at the top of the screen (large, readable font), safe from notch areas on modern phones. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Jewel Master is a captivating match-three puzzle game that puts your pattern recognition skills to the ultimate test. With a stellar 4.49/5 rating from players worldwide, this free browser-based game offers endless entertainment through its challenging jewel-matching mechanics and progressive level system.

In this vibrant puzzle adventure, you'll enter a world where matching colorful jewels isn't just fun—it's essential for progression. The game combines classic match-three gameplay with modern features, creating an experience that's both familiar and refreshingly engaging.

Core Features

Progressive Level System

Jewel Master features multiple unlockable levels, each presenting unique challenges and increasing difficulty. As you advance, you'll encounter more complex puzzle layouts and objectives that keep the gameplay fresh and exciting.

Special Powers and Abilities

The game rewards skilled players with special powers and abilities that can be strategically used to overcome challenging situations. These power-ups add depth to the traditional match-three formula.

Pattern Recognition Challenge

At its heart, Jewel Master is designed to enhance your pattern recognition abilities. The game encourages you to think strategically, looking for optimal moves that create cascade effects and multiple matches.

Cross-Platform Compatibility

Built with HTML5 technology, Jewel Master runs smoothly on both desktop computers and mobile devices, ensuring you can enjoy the game anywhere, anytime.

Gameplay Mechanics

The core gameplay revolves around swapping adjacent jewels to create horizontal or vertical lines of three or more matching gems. When you successfully create a match, those jewels disappear, and new ones fall from the top to fill the empty spaces.

Strategic Elements

  • Combo Chains : Create multiple matches with a single move to earn bonus points
  • Special Jewels : Form matches of four or more to create powerful special jewels
  • Level Objectives : Each level has specific goals, from reaching target scores to clearing certain jewel types
  • Limited Moves : Some levels challenge you to complete objectives within a set number of moves

Operation Guide

Desktop Controls

  • Mouse Click : Select a jewel by clicking on it
  • Drag : Click and drag to swap adjacent jewels
  • Strategic Planning : Take time to analyze the board before making moves

Mobile Controls

  • Touch : Tap to select jewels on your touchscreen device
  • Swipe : Swipe between adjacent jewels to swap their positions
  • Pinch : Use pinch gestures to zoom if needed on smaller screens

Pro Tips for Success

  1. Look for Cascades : Always scan for moves that will create chain reactions
  2. Focus on Objectives : Prioritize moves that help achieve level-specific goals
  3. Save Special Jewels : Don't waste powerful special jewels on simple matches
  4. Think Ahead : Consider how the board will change after your move

Why Play Jewel Master

Brain Training Benefits

Jewel Master isn't just entertainment—it's a brain training tool that sharpens your: - Pattern Recognition : Quickly identify matching opportunities - Strategic Thinking : Plan moves several steps ahead - Problem-Solving : Find creative solutions to challenging puzzles - Visual Processing : Rapidly scan and analyze complex layouts

Stress Relief and Relaxation

The game's colorful visuals, satisfying match mechanics, and progressive difficulty make it an excellent way to unwind while keeping your mind engaged.

Accessibility and Convenience

  • No Download Required : Play instantly in your web browser
  • Free to Play : Enjoy the full game experience without any cost
  • Save Progress : Your achievements and progress are automatically saved
  • Universal Appeal : Suitable for players of all ages and skill levels

Long-Term Engagement

With multiple levels to unlock and increasing challenges, Jewel Master offers lasting entertainment value. The game rewards dedication and skill improvement, making each session feel rewarding and progressive.

Frequently Asked Questions (FAQ)