Flower Slide Mahjong

Seele01-Flash
By
Flower Slide Mahjong is a unique twist on classic mahjong featuring a beautiful gardening theme. Instead of selecting tiles, you slide and collide matching tiles to clear the board across 50 challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Flower Slide Mahjong". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: 3D Isometric Puzzle Game with a "Casual Garden" aesthetic. Use an **OrthographicCamera** to ensure the grid layout remains readable without perspective distortion. * **The Board**: A grid-based playing area (e.g., 8x8 or 10x12) centered on screen. The background should be a stylized garden scene (green procedural grass texture, low-poly wooden fence in the background, maybe a few potted plants at the edges). * **Tiles**: Create 3D tile models (rounded cubes) resembling Mahjong tiles but with a "wood" or "ivory" texture. * **Face Textures**: Use CanvasTexture or a TextureAtlas to draw emojis or simple shapes representing gardening items: ?? Sunflower, ?? Rose, ?? Butterfly, ?? Watering Can, ?? Gloves, ?? Potted Plant. * **Visual Effects**: * **Selection**: When a tile is tapped, it should hop slightly or glow (Emissive material). * **Match**: When two tiles collide and match, spawn a particle explosion of petals (Pink/Yellow) before removing the meshes. * **Mobile Optimization**: Use `InstancedMesh` for the tiles to reduce draw calls. Use low-poly geometries. Ensure textures are power-of-two. ### 2. Audio Requirements * **BGM**: A relaxing, looped acoustic guitar or marimba track, mixed with faint ambient nature sounds (chirping birds, wind in leaves). * **Sound Effects (SFX)**: * *Select*: A soft "wood block" click. * *Slide*: A quick "swoosh" or sliding sand sound. * *Collision (No Match)*: A distinct "thud" or "clack". * *Match*: A satisfying "chime" or "magical sparkle" sound. * *Win/Level Clear*: A short, uplifting fanfare. ### 3. Gameplay Loop * **Core Mechanic**: Unlike classic Mahjong, this is a **Sliding Puzzle**. 1. **Select**: Player taps a tile. 2. **Direction**: Player swipes or taps a directional arrow (Up/Down/Left/Right) adjacent to the tile. 3. **Movement**: The tile slides strictly in that direction. It **does not stop** until it hits: * The edge of the grid (Wall). * Another tile. 4. **Matching Logic**: * If the sliding tile hits a stationary tile of the **SAME type**: Both tiles are destroyed (matched) and removed from the board. Score increases. * If it hits a tile of a **DIFFERENT type**: The sliding tile stops in the empty grid cell immediately adjacent to the obstacle. * **Win Condition**: Clear all tiles from the board. * **Loss Condition**: A countdown timer (visualized as a shrinking green bar at the top) reaches zero. * **Level Generation**: Implement a simple algorithm to place pairs of matching tiles randomly on the grid, ensuring at least one valid move exists at the start. ### 4. Mobile Controls & Interaction * **Input System**: * **Raycasting**: Detect tap input on the tile meshes. * **Hybrid Control**: * *Option A (Swipe)*: Touch a tile and immediately swipe in a direction to launch it. * *Option B (Tap & Tap)*: Tap a tile to select it (show 4 arrow helpers around it), then tap an arrow to launch. * **UI & Layout**: * **Portrait Mode Preferred**: Optimize the camera zoom to fit the grid width within the mobile screen width. * **HUD**: * Top: Score counter (large text), Time Bar. * Bottom: "Restart" and "Pause" buttons. * **Touch Targets**: Ensure all UI buttons are at least 44x44 pixels. * **Feedback**: * **Haptics**: Trigger `navigator.vibrate(50)` when a tile collides with a wall or another tile. Trigger `navigator.vibrate([50, 50, 50])` on a successful match. * **Animation**: Use a tweening library (like TWEEN.js or GSAP) for smooth tile movement. Do not just teleport the tiles; they must slide visually. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Flower Slide Mahjong brings a fresh perspective to the beloved mahjong genre with its innovative sliding mechanics and enchanting garden theme. This free online puzzle game features beautiful tiles decorated with flowers, plants, butterflies, and gardening tools set against vibrant backgrounds. With a solid 4.3/5 rating from players, it offers an engaging twist on traditional mahjong gameplay.

Core Features

Unique Sliding Gameplay

Unlike traditional mahjong where you simply click matching tiles, Flower Slide Mahjong requires strategic thinking and physics-based movement. You must slide tiles across the board to collide matching pairs, creating a dynamic puzzle experience that combines mahjong with sliding block mechanics.

Beautiful Garden Theme

Every tile in the game features stunning artwork depicting: - Colorful Flowers : Roses, daisies, tulips and exotic blooms - Garden Plants : Leaves, vines, and botanical elements - Nature Elements : Butterflies, ladybugs, and garden creatures - Gardening Tools : Watering cans, shovels, and planting equipment

50 Progressive Levels

The game offers extensive content with 50 carefully designed levels that gradually increase in difficulty. Each level presents unique tile arrangements and challenges, ensuring hours of engaging gameplay.

Cross-Platform Compatibility

Built with HTML5 technology, Flower Slide Mahjong works seamlessly on: - Desktop computers (Windows, Mac, Linux) - Mobile phones (iOS and Android) - Tablets and touchscreen devices - All modern web browsers

How to Play

Basic Controls

  • Mouse/Touch : Click or tap a tile to select it
  • Sliding : Drag tiles in available directions (indicated by blue arrows)
  • Matching : Collide two identical tiles to remove them from the board
  • Goal : Clear all tiles before time runs out

Game Mechanics

  1. Tile Selection : Click on any moveable tile to see available sliding directions
  2. Strategic Movement : Plan your moves carefully - tiles slide until they hit an obstacle
  3. Level Matching : Only tiles on the same level can be matched together
  4. Time Management : Each level has a time limit adding urgency to your decisions
  5. Progress Tracking : Monitor your level, score, and remaining time in the right panel

Winning Strategy

  • Look Ahead : Plan several moves in advance to avoid blocking important matches
  • Time Awareness : Balance speed with accuracy - rushing can lead to mistakes
  • Pattern Recognition : Identify matching tiles quickly to maximize efficiency
  • Edge Priority : Clear edge tiles first to create more movement space

Why Play Flower Slide Mahjong

Perfect for Puzzle Lovers

This game appeals to both mahjong enthusiasts and puzzle game fans. The sliding mechanic adds a layer of spatial reasoning that makes each level feel like a mini-puzzle to solve.

Relaxing Yet Challenging

The beautiful flower theme creates a calming atmosphere, while the time pressure and strategic depth provide satisfying challenges. It's perfect for stress relief or mental exercise.

Completely Free

Enjoy all 50 levels without any cost. No hidden fees, no premium content locks - just pure puzzle gaming fun accessible to everyone.

Instant Access

No downloads or installations required. Simply open your web browser and start playing immediately. Perfect for quick gaming sessions during breaks or extended puzzle-solving marathons.

Frequently Asked Questions (FAQ)