Jewel Classic - Match 3 Puzzle Game

Seele01-Flash
By
Jewel Classic is a timeless match-3 puzzle game where you swap colorful jewels to create matching combinations. Challenge your brain with increasingly difficult levels and compete for high scores.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Jewel Classic 3D**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A bright, vibrant, and polished "Juicy" aesthetic. The game should look like a modern mobile casual puzzle game. * **Jewel Models:** Instead of loading external models, use **Three.js procedural geometries** to create 6 distinct jewel types (e.g., `IcosahedronGeometry` for a round gem, `BoxGeometry` for a square cut, `OctahedronGeometry` for a diamond shape, `ConeGeometry` for a pyramid). * **Materials:** Use `MeshPhysicalMaterial` with high `roughness: 0`, `metalness: 0.1`, and `transmission: 0.6` (glass-like effect) to simulate shiny, faceted gemstones. * **Colors:** Use a highly saturated palette: Ruby Red, Sapphire Blue, Emerald Green, Topaz Yellow, Amethyst Purple, and Orange. * **Background:** A soothing, static radial gradient texture or a low-cost particle system (slowly floating dust motes) in the background to add depth without distracting from the board. * **Mobile Optimization:** Use a single `DirectionalLight` and an `AmbientLight` to save performance. Avoid complex shadows. Reuse geometries where possible. ### 2. Audio Requirements * **BGM:** A relaxing, looping synthesizer track with a "magical" and "lighthearted" vibe. * **Sound Effects (SFX):** * **Select:** A high-pitched, short "ting" sound. * **Swap:** A soft "whoosh" of air. * **Match/Break:** A satisfying "glass crunch" or "magical chime" sound (essential for player gratification). * **Illegal Move:** A low-pitched "thud" or "buzzer" sound. * **Level Complete:** A rising fanfare or chord. ### 3. Gameplay Loop * **Grid Layout:** Generate an 8x8 grid of jewels centered on the screen. * **Core Mechanic:** 1. **Select:** Player taps a jewel (it highlights/scales up). 2. **Swap:** Player taps an adjacent jewel (or swipes) to swap positions. 3. **Match Check:** If 3 or more jewels of the same color align horizontally or vertically, they are "destroyed" (scale down to 0 and remove). 4. **Cascade:** Jewels above the empty slots must fall down (using smooth `TWEEN` or `lerp` animations). 5. **Refill:** New random jewels spawn at the top and drop in. 6. **Chain Reaction:** The board re-checks for matches after the drop. * **Win Condition:** Reach a target score (e.g., 1000 points) within a limited number of moves (e.g., 20 moves). * **Fail Condition:** Running out of moves before reaching the target score. ### 4. Mobile Controls & Interaction * **Input Method:** Implement `Raycaster` logic attached to `touchstart` and `touchmove` events. * Support **Tap-to-Select -> Tap-to-Swap**. * Support **Swipe-to-Swap** (detect drag direction greater than a threshold). * **Orientation:** Force or optimize for **Portrait Mode** (Vertical). The camera FOV should adjust based on the screen aspect ratio to ensure the 8x8 grid is always fully visible and fills the width of the phone screen. * **UI Layout:** * Top of screen: "Score", "Target", and "Moves Left" (Large, legible font). * Center: The 3D Board. * Bottom: A "Restart" button (Min height 44px for touch accessibility). * **Feedback:** * **Visual:** When a jewel is selected, it should spin slightly or glow. When a match occurs, spawn simple particle explosions (cubes scaling down) of the matching color. * **Haptic:** If the browser supports `navigator.vibrate`, trigger a short vibration (50ms) on a successful match. 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 Classic brings you the quintessential match-3 puzzle experience that has captivated millions of players worldwide. This colorful and engaging brain teaser challenges you to swap adjacent jewels to create lines of three or more matching gems. With its vibrant graphics and progressively challenging levels, Jewel Classic offers endless hours of puzzle-solving entertainment.

Rated 3.2 out of 5 stars by puzzle enthusiasts, this game combines classic gameplay mechanics with modern HTML5 technology, ensuring smooth performance across all devices.

Core Features

Classic Match-3 Gameplay

Experience the pure joy of match-3 puzzling with intuitive swipe controls. Simply drag jewels up, down, left, or right to create spectacular combinations and watch as gems cascade down to fill empty spaces.

Progressive Difficulty System

Start with simple matching challenges and advance through increasingly complex levels. Each stage introduces new objectives and obstacles that will test your strategic thinking and pattern recognition skills.

Colorful Jewel Varieties

Match beautiful gems in multiple colors and shapes. The vibrant visual design makes it easy to identify matching opportunities while creating an aesthetically pleasing gaming experience.

Brain Training Benefits

This isn't just entertainment – Jewel Classic serves as an excellent brain teaser that improves: - Pattern recognition abilities - Strategic planning skills - Visual processing speed - Problem-solving capabilities

Cross-Platform Compatibility

Built with HTML5 technology, the game runs smoothly on desktop computers, tablets, and smartphones without requiring downloads or installations.

Game Mechanics

Basic Matching Rules

Create matches by aligning three or more identical jewels horizontally or vertically. Larger combinations yield higher scores and may trigger special effects or bonus jewels.

Level Objectives

Each level presents specific goals you must achieve within a limited number of moves. Objectives may include: - Reaching target scores - Clearing specific jewel types - Breaking through obstacles - Collecting special items

Scoring System

Maximize your score by creating larger matches and chain reactions. Strategic planning often leads to cascading effects where new matches form automatically as jewels fall into place.

Operation Guide

Desktop Controls: - Mouse : Click and drag jewels to adjacent positions - Left Click : Select and move gems

Mobile/Tablet Controls: - Swipe Gestures : Swipe up, down, left, or right to move selected jewels - Tap : Select jewels before swiping to move them

General Tips: - Look for potential matches at the bottom of the board first - Plan moves that create cascading effects - Focus on level objectives rather than just high scores - Take time to analyze the board before making moves

Why Play Jewel Classic

Perfect for All Skill Levels

Labeled as an "Easy" game, Jewel Classic welcomes both puzzle newcomers and experienced match-3 veterans. The learning curve is gentle, but mastering advanced strategies provides long-term challenge.

Mental Exercise

Regular play helps maintain cognitive sharpness and provides a relaxing way to exercise your brain. The game's puzzle-solving nature makes it an excellent choice for mental stimulation.

Accessible Gaming

No downloads, no installations, no complicated setup – just open your browser and start playing immediately. The game saves your progress automatically, so you can continue where you left off.

Stress Relief

The soothing gameplay and colorful visuals provide an excellent way to unwind after a busy day. The satisfying sound of matching jewels and visual effects create a relaxing gaming atmosphere.

Competitive Element

Challenge yourself to achieve higher scores and complete levels more efficiently. The scoring system encourages replay value and skill improvement.

Frequently Asked Questions (FAQ)