Merge Jewels - Free Online Puzzle Game

Seele01-Flash
By
Merge Jewels is a captivating puzzle clicker game that combines strategic thinking with fast-paced action. Find matching jewels, position them strategically, and merge them for maximum points in this addictive free browser game.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Merge Jewels". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** A bright, casual, and "juicy" aesthetic. Use Low-poly 3D geometries to represent jewels (e.g., Tetrahedron for Lv1, Cube for Lv2, Octahedron for Lv3, Icosahedron for Lv4). * **Materials:** Use `MeshPhysicalMaterial` with high transmission or metalness to simulate a glassy/gemstone look. Assign distinct, vibrant colors (Red, Blue, Green, Purple, Gold) to each jewel level. * **Environment:** * **Camera:** A fixed Orthographic Camera positioned top-down (slightly angled) to view the play area without distortion. * **Board:** A clear 5x5 or 6x6 grid plane on the ground. The slots should have a subtle bevel or glow texture to indicate valid placement zones. * **Lighting:** Three-point lighting setup to enhance the specular highlights on the jewels. * **Performance:** Use geometry instancing if the jewel count exceeds 50. Ensure texture sizes are max 512x512 for mobile optimization. ### 2. Audio Requirements * **BGM:** A lighthearted, looping "Casual Puzzle" track—upbeat synth-pop with a rhythmic bassline to encourage speed. * **Sound Effects (SFX):** * **Merge Success:** A satisfying "magical chime" or high-pitched glass resonance. * **Pickup/Drop:** A soft "click" or "thud" sound. * **Mystery Box:** A "pop" or "spring" sound when a new jewel spawns. * **UI:** Soft wooden or plastic click sounds for buttons. ### 3. Gameplay Loop * **Core Mechanic:** The grid starts with a few random low-level jewels. * **Merging Logic:** The player drags a jewel onto another jewel of the **same type and level**. They combine to form one jewel of the next level (Level N + Level N = Level N+1). * **Spawning:** * A "Mystery Box" button on the UI (or a dedicated slot) generates a new Level 1 jewel every few seconds or upon clicking. * If the board is full, the player cannot spawn new items and must merge existing ones to free up space. * **Scoring:** Merging jewels grants points. Higher-level merges grant exponential points. A high-score counter is displayed at the top. * **Win/Loss:** The game is endless, but the goal is to reach the highest "Jewel Level" possible (e.g., the "Diamond Crown") before the board locks up. ### 4. Mobile Controls & Interaction * **Touch Interaction (Raycasting):** * Implement a robust **Drag and Drop** system using `Raycaster`. * **On Touch Start:** Lift the selected jewel slightly on the Y-axis and scale it up (1.2x) to show selection. * **On Touch Move:** The jewel follows the finger/cursor position on the X/Z plane. * **On Touch End:** Calculate the nearest grid slot. * If valid merge: Trigger merge animation and particle effect. * If empty slot: Snap jewel to new slot. * If invalid: Snap jewel back to original position. * **Screen Orientation:** **Portrait Mode** is mandatory for one-handed play. * **UI Layout:** * Top: Score & High Score (Large, readable font). * Center: The 3D Play Area (occupying 60% of the screen). * Bottom: The "Mystery Box" tap area (Large button, minimum 88px height for touch accessibility). * **Feedback:** Add `navigator.vibrate(50)` (Haptic Feedback) upon a successful merge. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Merge Jewels is an engaging puzzle clicker game that challenges your strategic thinking and reaction speed. With a stellar 4.2/5 rating from players worldwide, this free browser-based game offers endless entertainment without any download requirements. The game combines the satisfaction of puzzle-solving with the excitement of timed challenges, creating an addictive gaming experience perfect for quick breaks or extended play sessions.

This HTML5-powered game delivers smooth performance across all devices, ensuring you can enjoy seamless jewel-merging action whether you're on your computer, tablet, or smartphone. The cute and colorful visual design makes every gaming session a delightful experience.

Core Features

Strategic Puzzle Mechanics

Merge Jewels revolves around finding and combining matching jewels to create higher-value gems. The core gameplay requires you to:

  • Identify matching jewels scattered across the play area
  • Position jewels strategically next to their matching counterparts
  • Execute precise merges to maximize your score potential
  • Plan ahead to create chain reactions and combo opportunities

Mystery Box System

When you can't find the jewels you need on the board, the innovative mystery box feature comes to your rescue. Click the mystery box on the side of your screen to reveal random jewels that can be added to your play area, giving you new opportunities to create powerful merges.

Time-Based Scoring

The game features a dynamic scoring system with: - Real-time score tracking that rewards quick thinking - High score leaderboards for competitive players - Timed challenges that test your speed and strategy - Progressive difficulty that keeps the game engaging

Cross-Platform Compatibility

  • Instant browser play - no downloads or installations required
  • Mobile-optimized controls with touch-friendly interface
  • Desktop precision with mouse-based drag and click mechanics
  • Responsive design that adapts to any screen size

Game Mechanics

Basic Gameplay Loop

  1. Scan the board for matching jewels
  2. Drag and position jewels next to their matches
  3. Click to merge and watch your score increase
  4. Use mystery boxes when stuck or seeking specific jewels
  5. Race against time to achieve the highest possible score

Advanced Strategies

Master players utilize several key techniques: - Combo planning : Setting up multiple merges in sequence - Resource management : Strategic use of mystery boxes - Speed optimization : Developing efficient scanning and clicking patterns - Score multiplication : Understanding which merges yield the highest points

Operation Guide

Desktop Controls

  • Mouse : Click and drag jewels to position them
  • Left Click : Select and merge jewels
  • Mystery Box : Click the side panel box to reveal new jewels

Mobile Controls

  • Tap : Touch jewels to select and position them
  • Drag : Move jewels across the screen with finger gestures
  • Tap to Merge : Touch matching jewels to combine them
  • Mystery Box : Tap the mystery box for random jewels

Pro Tips for Success

  • Start with obvious matches to clear space and build momentum
  • Save mystery boxes for when you're truly stuck
  • Focus on speed while maintaining accuracy for optimal scores
  • Learn jewel patterns to recognize merge opportunities faster

Why Play Merge Jewels

Perfect for All Skill Levels

Whether you're a puzzle game veteran or a casual player looking for entertainment, Merge Jewels offers: - Easy-to-learn mechanics that anyone can master quickly - Progressively challenging gameplay that grows with your skills - No pressure gameplay - play at your own pace or race against time - Brain training benefits that improve pattern recognition and strategic thinking

Ideal Gaming Sessions

  • Quick 5-minute breaks during work or study
  • Longer relaxation sessions when you want to unwind
  • Competitive challenges when aiming for high scores
  • Stress relief gaming with soothing jewel-matching mechanics

Completely Free Experience

Enjoy full access to all game features without any hidden costs, premium upgrades, or pay-to-win mechanics. Merge Jewels delivers a complete gaming experience that respects your time and wallet.

Social and Competitive Elements

Compete with players worldwide through the integrated leaderboard system, or simply enjoy the personal satisfaction of beating your own high scores and improving your strategic skills over time.

Frequently Asked Questions (FAQ)