Domino Merge!

Seele01-Flash
By
Domino Merge! is an innovative puzzle game that combines classic domino mechanics with match-3 gameplay. Match and merge colorful domino blocks to create higher-value pieces while managing your board space strategically.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Domino Merge!**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Mimic a "Flat 3D" or "2.5D" aesthetic using an **Orthographic Camera** to maintain consistent block sizes. The style should be minimalist, clean, and vector-like (High saturation colors, no heavy shadows). * **Grid System**: Create a 5x5 (or similar) grid board. The board background should be a neutral, soft grey or white. Grid slots should be slightly indented or darker to indicate valid placement zones. * **Domino Assets**: Use `RoundedBoxGeometry` for the dice/domino blocks to give them a smooth, tactile feel. * **Color Coding**: Assign distinct pastel/bright colors to numbers: 1 (Yellow), 2 (Green), 3 (Pink), 4 (Blue), 5 (Red), 6 (Purple), merged-special (Star/Gold). * **Textures**: Procedurally generate canvas textures for the "pips" (dots) on the dice faces to keep file size low, or use simple sprite textures. * **Animations**: Use a tweening library (like TWEEN.js or GSAP) for "squash and stretch" effects when blocks land or merge. The merge animation should look fluid (mimicking the "melting" look in the reference image) where blocks slide together and pop into the new higher-tier block. * **Performance**: Use InstancedMesh for the grid background if possible. Keep polygon count low. ### 2. Audio Requirements * **BGM**: A relaxing, looping "elevator bossa nova" or "soft marimba" track. It should be non-intrusive to aid concentration. * **Sound Effects (SFX)**: * **Pickup**: A soft "whoosh" or pop. * **Placement**: A satisfying wooden "thud" or plastic "clack". * **Merge**: A harmonious major chord arpeggio that rises in pitch as the merge chain increases. * **Rotate**: A quick "click" sound. * **Game Over**: A descending scale or a soft "womp womp" sound. ### 3. Gameplay Loop * **Spawning**: The player is presented with a "Next Piece" area at the bottom center. Pieces can be single blocks (1x1) or double dominoes (1x2). * **Placement**: Player drags the piece from the bottom to the board. It must snap to the grid. * **Rotation**: Before placing, tapping the pending piece rotates it 90 degrees (essential for 1x2 dominoes). * **Merge Logic**: * When 3 or more blocks of the same number are adjacent (horizontally or vertically), they merge. * The blocks disappear and are replaced by **one** block of the next number up (e.g., three '2's become one '3') at the position of the last placed block. * **Chain Reactions**: If a merge creates a new block that triggers *another* match, a combo occurs. * **Win/Loss**: The game continues endlessly to get a high score. The game ends when there is no space left on the grid to place the current pending piece. ### 4. Mobile Controls & Interaction * **Touch Handling**: Use Three.js `Raycaster` mapping to touch events (`touchstart`, `touchmove`, `touchend`). * **Drag Offset**: Crucial for mobile usability—when the player drags a block, render the block slightly **above** the touch point (y-axis offset) so the player's finger does not obscure the block they are placing. * **Orientation**: Force **Portrait Mode** layout. * Top: Score and High Score UI. * Middle: The main 5x5 Grid Board. * Bottom: The "Hand" (spawn area) and a distinct "Rotate" button (or tap-on-piece to rotate). * **Haptic Feedback**: Trigger `navigator.vibrate(50)` on a successful merge to provide tactile reward. * **UI Sizing**: Ensure all interactive buttons (Rotate, Pause, Restart) have a minimum hit area of 44x44 pixels. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Domino Merge! is a captivating puzzle game that revolutionizes traditional domino gameplay by incorporating modern match-3 mechanics. This free online game challenges players to think strategically while managing colorful domino blocks on a limited playing field.

The game features vibrant, eye-catching domino blocks in multiple colors including bright yellow, green, and pink. Each domino displays different dot patterns, creating a visually appealing and intuitive gaming experience that's easy to learn but challenging to master.

Core Features

Strategic Merge Mechanics

The heart of Domino Merge! lies in its unique merging system. Players must match 3 or more dominos with identical numbers or colors to upgrade them into higher-value domino blocks. This creates an engaging progression system where every move counts.

Space Management Challenge

Unlike traditional puzzle games, Domino Merge! emphasizes spatial strategy. The playing field is limited, requiring players to carefully plan their moves and optimize their board layout. Running out of space means game over, adding tension to every decision.

Colorful Visual Design

The game boasts a clean, modern aesthetic with bright colors and clear domino patterns. The visual clarity helps players quickly identify matching opportunities while the vibrant color scheme keeps the gameplay engaging and fun.

Cross-Platform Accessibility

Domino Merge! is completely free to play and runs directly in web browsers. No downloads or installations required - simply open your browser and start playing immediately on any device.

Gameplay Mechanics

Matching System

The core gameplay revolves around identifying and matching domino blocks. Players can match dominos by: - Number matching : Combining dominos with identical dot patterns - Color matching : Merging blocks of the same color regardless of dot count - Strategic combinations : Planning multi-step merges for maximum efficiency

Block Rotation and Placement

Players can rotate domino blocks before placement, adding a tactical element to the puzzle-solving process. This rotation feature allows for more strategic positioning and creates additional matching opportunities.

Progressive Difficulty

As players advance, the game becomes increasingly challenging. Higher-level dominos require more space and careful planning, while the limited board area forces players to think several moves ahead.

How to Play

Basic Controls

  • Click and Drag : Select domino blocks and move them around the board
  • Release to Place : Drop blocks in desired positions
  • Rotation : Use available controls to rotate blocks for optimal placement
  • Matching : Align 3 or more identical dominos to merge them

Winning Strategy

  • Plan your moves in advance to maximize board space
  • Look for opportunities to create chain reactions
  • Prioritize clearing lower-value dominos to make room for upgrades
  • Keep the board organized to spot matching opportunities quickly

Game Objectives

The primary goal is to achieve the highest possible score by continuously merging dominos into higher values while managing limited board space. The game ends when no more moves are possible.

Why Play Domino Merge!

Perfect Brain Training

Domino Merge! offers excellent cognitive benefits, improving pattern recognition, spatial reasoning, and strategic planning skills. It's an ideal brain training game for players of all ages.

Stress-Free Gaming

With no time pressure or complex controls, the game provides a relaxing yet mentally stimulating experience. Perfect for unwinding while keeping your mind sharp.

Instant Accessibility

The browser-based format means you can enjoy Domino Merge! anywhere, anytime. Whether you're on a coffee break, commuting, or relaxing at home, the game is always just a click away.

Suitable for All Ages

The simple mechanics and colorful design make it perfect for both children developing puzzle-solving skills and adults looking for a challenging mental workout.

Frequently Asked Questions (FAQ)