Tiles Master - Match 3 Tile Merge Puzzle Game

Seele01-Flash
By
Tiles Master is an addictive tile-based merge puzzle game where you match 3 identical tiles to clear the board. With strategic layer-based gameplay and limited holding space, it challenges your planning skills.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Tiles Master - 3D Match Puzzle**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-saturation, "Juicy" casual game aesthetic. The environment should be a bright, radial gradient background (Cyan to Blue, similar to the reference image) or a soft 2D skybox to save performance. * **Tile Design:** The core assets are 3D tiles. They should be shaped as **Rounded Boxes** (ChamferBox) to look like polished plastic or ivory game pieces. The base color is cream/white. * **Tile Icons:** On the top face of each tile, apply textures of distinguishable, colorful items (e.g., Carrot, Strawberry, Grapes, Cheese, Leaf). Use simple emojis or procedural canvas textures for the icons to keep the code self-contained. * **Layout:** Tiles must be arranged in a **layered 3D structure** (like Mahjong Solitaire). Some tiles stack on top of others, creating depth. * **Optimization:** Use `InstancedMesh` if possible for the tiles to reduce draw calls, or keep geometry segment counts low (low-poly rounded corners) for smooth mobile performance. ### 2. Audio Requirements * **BGM:** A lighthearted, looping marimba or acoustic guitar track. Cheerful and relaxing, not distracting. * **Sound Effects (SFX):** * *Select/Tap:* A crisp "Wood Block" or "Pop" sound. * *Fly to Dock:* A "Whoosh" or slide sound. * *Match 3 Success:* A high-pitched "Chime" or "Ding-ding-ding" major chord. * *Game Over:* A sad "Buzz" or "Wobble" sound. * *(Note: For the code generation, please use placeholder synth sounds using the Web Audio API if external MP3s are not available).* ### 3. Gameplay Loop * **The Dock (Collection Area):** A rectangular container fixed at the bottom of the screen with **7 slots**. * **Selection Logic:** Players tap a tile on the 3D board. A tile is only selectable if it is on the **top layer** (not covered by another tile). * **Movement:** Upon selection, the tile animates (flies) from its 3D position into the first available slot in the Dock. * **Matching Mechanism:** Check the Dock contents after every move. If **3 identical tiles** exist in the dock, they instantly merge/vanish, freeing up space, and the player scores points. The remaining tiles in the dock should shift to close the gap. * **Win Condition:** The board is completely cleared of all tiles. * **Lose Condition:** The Dock fills up with 7 tiles and no matches are possible. ### 4. Mobile Controls & Interaction * **Camera:** Use an **Orthographic Camera** angled at roughly 45 degrees (Isometric view) to make judging depth easier on small screens without perspective distortion. * **Input Handling:** * Implement `touchstart` and `touchend` events for mobile, mapped to a Raycaster. * Ensure the Raycaster has a slightly larger "hitbox" than the visual model to accommodate "fat finger" errors. * **Visual Feedback (Juice):** * *Touch:* When a tile is tapped, it should scale down slightly (0.9x) momentarily to simulate a button press. * *Movement:* Use a tweening library (like TWEEN.js or simple interpolation) to smoothly animate the tile moving from the board to the UI Dock. Do not teleport it. * **Screen Adaptation:** Lock the game to **Portrait Mode** layout. The game board is in the upper 75%, the Dock is in the bottom 25% (Thumb zone). * **UI Elements:** All buttons (Restart, Pause) must be at least 44x44 pixels in accessible corners. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Tiles Master

Tiles Master is a captivating tile-based merge puzzle game that combines the strategic elements of Mahjong with modern match-3 mechanics. This free online brain game challenges players to think strategically as they work through increasingly complex tile arrangements. The game features a unique vertical puzzle format where tiles are stacked in layers, creating an engaging twist on traditional matching games.

The core objective is simple yet addictive: match and merge 3 identical tiles to make them disappear from the board. However, the strategic depth comes from the layered tile system and limited holding space, making every move count.

Core Features

Strategic Layer-Based Gameplay

Unlike traditional match-3 games, Tiles Master uses a vertical stacking system where you can only select tiles from the top layer. This creates a puzzle-within-a-puzzle scenario, requiring you to think several moves ahead to access the tiles you need.

Limited Holding Space Challenge

The game provides limited space to hold selected tiles, adding pressure and strategic depth. You must carefully plan which tiles to select and merge them quickly before running out of room. This mechanic transforms simple tile matching into a thrilling race against space constraints.

Progressive Difficulty

Each level presents new challenges with more complex tile arrangements and patterns. As you advance, you'll encounter increasingly intricate puzzles that test your spatial reasoning and forward-thinking abilities.

Power-Up System

Strategically placed power-ups help you overcome particularly challenging situations. These special tools can shuffle tiles, provide extra holding space, or clear specific tile types when you're stuck.

Cross-Platform Compatibility

Enjoy seamless gameplay across all your devices. Whether you're on a desktop computer, tablet, or smartphone, Tiles Master adapts perfectly to your screen size and input method.

How to Play

Basic Controls

The game uses intuitive point-and-click controls: - Click/Tap to select tiles from the top layer - Match 3 identical tiles to merge and clear them - Monitor your holding space to avoid getting stuck

Winning Strategy

  1. Survey the board before making your first move
  2. Plan ahead to ensure you can access buried tiles
  3. Manage your holding space efficiently
  4. Use power-ups wisely when facing difficult situations
  5. Focus on creating combos to clear multiple tile sets quickly

Advanced Tips

  • Look for tiles that are blocking multiple other tiles
  • Try to work from the edges inward when possible
  • Save power-ups for the most challenging moments
  • Take time to analyze the tile distribution before rushing

Why Play Tiles Master

Perfect Brain Training

This game excellently exercises your cognitive abilities, including pattern recognition, spatial reasoning, and strategic planning. Regular play can help improve concentration and problem-solving skills.

Stress-Free Gaming

With no time limits or pressure mechanics, you can play at your own pace. The soothing gameplay makes it perfect for relaxation while still providing mental stimulation.

Accessibility

Being completely free and browser-based means you can start playing immediately without downloads, installations, or payments. The game works equally well on touch devices and traditional computers.

Addictive Yet Rewarding

The satisfaction of clearing a complex tile arrangement combined with the strategic challenge creates a perfectly balanced gaming experience that keeps you coming back for more.

Frequently Asked Questions (FAQ)