War Mahjong - Tiles of the Unexpected

Seele01-Flash
By
War Mahjong (Tiles of the Unexpected) is a strategic military-themed tile-matching puzzle game. Clear matching adjacent tiles, create explosive combos, and use tactical bombs to complete challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**War Mahjong (3D Tactics)**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Dark, gritty, industrial "urban wasteland" aesthetic. Use a color palette of muted reds, navies, deep greys, and dirty oranges. * **Tile Models:** Use simple 3D Cubes with slightly beveled edges (Low-poly geometry). The game grid must physically represent the "two layers" by stacking cubes along the Z-axis. When a front-layer cube is destroyed, the back-layer cube becomes visible. * **Textures:** Procedurally generate distinct "War/Industrial" icons for the tile faces (e.g., simplistic shapes representing a radar, a gas mask, a bullet, a skull, and a hazard symbol) using CanvasTexture to save on asset loading. * **Lighting:** Dramatic, moody lighting. A weak ambient light combined with a "searchlight" effect (SpotLight) that slightly tracks the user's touch position to create dynamic shadows. * **Particle Effects:** When tiles match and vanish, spawn low-poly debris/shards (grey cubes) that explode outward and fade. * **Mobile Optimization:** Use `THREE.InstancedMesh` for the tiles to ensure 60FPS performance on mobile devices. ### 2. Audio Requirements * **BGM:** A looping, downtempo "Trip-hop" or "Lo-fi Industrial" track with a heavy bassline and vinyl crackle effects. * **Sound Effects (SFX):** * *Tap/Select:* A mechanical metallic "click". * *Match/Destroy:* A crunchy "concrete breaking" or "glass shattering" sound. * *Falling Tiles:* A heavy "thud" or "stone sliding" sound. * *Bomb Explosion:* A loud, bass-heavy, muffled explosion. * *Combo:* An ascending chime or synth tone that gets higher in pitch with each automatic combo chain. ### 3. Gameplay Loop * **Grid Setup:** A dense grid (e.g., 8 columns x 10 rows). Every grid position starts with **2 tiles stacked** (Front and Back). * **Matching Mechanic:** 1. Player taps a tile. 2. Check for adjacent tiles (up, down, left, right) that share the same icon/color. 3. If a group of 2 or more exists, destroy them immediately. 4. **Score:** Points awarded per tile removed. * **Physics & Gravity:** 1. When tiles are removed, any tiles *above* them must fall down to fill the gap. 2. This includes tiles falling from the "Front" layer into empty spaces, and tiles from the "Back" layer becoming the new active front layer. 3. If an entire column is empty, the remaining columns should slide horizontally to close the gap. * **Combo System:** If falling tiles land and create a *new* group of adjacent matching tiles, they should automatically destroy themselves. This is a "Combo." * **Bomb Mechanic:** * Player starts with 3 Bombs. * Earning a Combo chain grants +1 Bomb. * **Win Condition:** Clear the entire board. * **Lose Condition:** No matches left and 0 Bombs. ### 4. Mobile Controls & Interaction * **Touch Input:** * Single Tap on a tile group: Destroy the group. * **Bomb Mode Toggle:** A distinct, large UI button (at least 60x60px) in the bottom corner with a Bomb icon. Tapping this toggles "Bomb Mode." While active, tapping *any single tile* destroys it instantly. * **Camera:** Orthographic camera positioned directly in front of the grid. It should automatically scale the FOV/Zoom based on `window.innerWidth` to ensure the full grid fits on both Portrait and Landscape mobile screens. * **Haptic Feedback:** Trigger `navigator.vibrate(50)` when tiles are destroyed. Trigger a heavier vibration `navigator.vibrate(200)` when a bomb is used. * **Visual Feedback:** * Highlight the entire group of connected tiles (e.g., make them emissive/glow) immediately when the player touches one, before the destroy animation plays. * Screen shake effect (camera jitter) when a Bomb is used. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About War Mahjong

War Mahjong , also known as Tiles of the Unexpected, is an innovative twist on traditional mahjong solitaire that combines strategic tile-matching with an engaging military theme. This free online puzzle game challenges players to clear battlefields of military-themed tiles through careful planning and tactical thinking.

Unlike classic mahjong games, War Mahjong features a unique two-layer tile system where players must clear adjacent matching tiles to progress. The game's war theme brings excitement to the traditional tile-matching formula with military icons including soldiers, weapons, vehicles, and battle symbols.

Core Features

Strategic Two-Layer Gameplay

The game features an innovative stacked tile system with two distinct layers. As you clear tiles from the bottom layer, tiles above cascade down to fill empty spaces, creating opportunities for chain reactions and spectacular combo sequences.

Military Theme & Visual Design

Immerse yourself in a war-themed environment featuring detailed military iconography. Each tile showcases different military elements including: - Soldier silhouettes and battle gear - Military vehicles and aircraft - Weapons and tactical equipment
- Strategic military symbols and emblems

Combo System & Tactical Bombs

Master the art of creating cascading combos to earn powerful bombs. These explosive tools become crucial in endgame scenarios when direct matches become scarce, allowing you to clear any problematic tiles strategically.

Free Browser Gaming

War Mahjong is completely free with no downloads required. Play instantly in any modern web browser on desktop computers or mobile devices. No registration, no payments, no restrictions - just pure puzzle gaming entertainment.

Game Strategy & Mechanics

How Tile Clearing Works

Success in War Mahjong requires understanding the unique clearing mechanics:

  1. Adjacent Matching : Click on groups of identical tiles that are positioned next to each other
  2. Layer Dynamics : Clearing bottom-layer tiles causes upper tiles to fall and fill gaps
  3. Combo Creation : Strategic clearing creates chain reactions that automatically match more tiles
  4. Bomb Generation : Successful combos reward you with bombs for tactical tile removal

Advanced Tactical Tips

  • Plan your moves to maximize cascading effects
  • Save bombs for challenging endgame situations
  • Look for opportunities to create large connected groups before clearing
  • Consider how tile removal will affect the overall board layout

Operation Guide

Desktop Controls: - Mouse Click : Select and clear matching adjacent tile groups - Mouse Hover : Preview potential matches before committing

Mobile Controls: - Tap : Touch matching tile groups to clear them - Pinch Zoom : Zoom in for precise tile selection on smaller screens

Gameplay Objectives: - Clear all tiles from both layers to complete each level - Create combo chains to earn tactical bombs - Use bombs strategically when no natural matches remain - Plan moves carefully to avoid getting stuck with unmatched tiles

Why Play War Mahjong

Perfect for Puzzle Enthusiasts : Combines the intellectual challenge of traditional mahjong with innovative mechanics that keep gameplay fresh and engaging.

Accessible Yet Challenging : Easy to learn basic mechanics but offers deep strategic gameplay that rewards careful planning and tactical thinking.

No Commitment Required : Jump in and out of games at your leisure with no downloads, installations, or account requirements.

Cross-Platform Compatibility : Seamlessly play across all your devices - start a game on your computer and continue on your phone or tablet.

Mental Exercise : Enhance pattern recognition, strategic planning, and problem-solving skills while enjoying entertaining military-themed gameplay.

Whether you're a mahjong veteran or new to tile-matching games, War Mahjong offers an engaging puzzle experience that combines familiar mechanics with exciting innovations.

Frequently Asked Questions (FAQ)