Match 3 Mania

Seele01-Flash
By
Match 3 Mania is an addictive puzzle game featuring colorful blocks and cute graphics. Match 3 or more blocks of the same color to clear them and achieve high scores in this fast-paced, time-based challenge.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Match 3 Mania". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a vibrant, "Juicy" aesthetic using 3D geometries. Use an Orthographic Camera to ensure a clean, grid-based puzzle view suitable for all screen sizes. * **Blocks (The Jewels):** Generate rounded cubes (ChamferBox or similar) with slightly glossy materials (MeshStandardMaterial). Each block type must be distinguishable by **Color** (Red, Blue, Green, Yellow, Purple) and **Shape Symbol** embossed or textured on the face (Star, Diamond, Pentagon, Circle, Heart) to aid visibility. * **Background:** A dark, sleek gradient background (Dark Blue to Black) to provide high contrast for the colorful blocks. Add subtle floating particles in the background for depth. * **Effects:** * **Selection:** Highlight the active row or column when touched. * **Match:** When blocks vanish, use a particle explosion effect (small cubes or sparks) matching the block's color. * **Mobile Optimization:** Use InstancedMesh for the blocks to maintain high FPS on mobile devices. Limit dynamic lights; use a fixed ambient light + directional light setup. ### 2. Audio Requirements * **BGM:** Generate a placeholder for an upbeat, fast-tempo electronic/casual track that loops seamlessly to maintain energy (Action/Puzzle style). * **Sound Effects (SFX):** * **Slide/Move:** A quick, soft "swish" or "click" sound. * **Match Success:** A satisfying "pop" or high-pitched "ding." Pitch should increase if multiple matches occur continuously. * **Time Warning:** A ticking clock sound when the time bar is below 20%. * **Game Over:** A descending scale or buzzer sound. ### 3. Gameplay Loop * **Grid System:** Create an 8x8 grid of blocks. * **Core Mechanic (Row/Col Sliding):** unlike traditional "swap" match-3 games, the player must **slide entire rows horizontally** or **entire columns vertically**. * **Wrap-around Logic:** If a block slides off one edge, it wraps around to the opposite side of the same row/column. * **Matching Logic:** Check for 3 or more adjacent blocks of the same color (horizontal or vertical) *after* a move is completed. * **Scoring:** * Match 3: +100 points. * Match 4+: +200 points and bonus time. * Matched blocks should scale down to 0 (vanish), and new random blocks should fade in to replace them instantly to maintain the grid structure. * **Win/Loss Condition:** This is a Time Attack mode. * **Timer:** A progress bar at the bottom of the screen decreases over 60 seconds. * **Goal:** Achieve the highest score before time runs out. * **Extension:** Successful matches add small increments (+2 seconds) to the timer. ### 4. Mobile Controls & Interaction * **Touch Input:** Implement Raycaster for touch detection. * **Gesture Recognition:** Detect the initial touch down on a block. Calculate the drag vector to determine if the user is sliding Horizontal (Row) or Vertical (Column). * **1:1 Tracking:** The row/column should move exactly with the user's finger/mouse drag. * **Snap Back:** If the drag distance is less than 50% of a block's width upon release, snap the row/column back to the original position. * **Snap Forward:** If dragged >50%, snap to the new position and trigger the match check. * **Orientation:** Force or adapt layout for **Portrait Mode** (vertical) as it is the standard for casual mobile matching games. * **UI Layout:** * **Top:** Current Score (Large, Bold Font) and High Score. * **Bottom:** A distinctly colored Time Bar (Green -> Red gradient) spanning the full width. * **Play Button:** Large, centered overlay for the "Start/Restart" screen. * **Haptics:** Trigger `navigator.vibrate(50)` on a successful match for tactile feedback. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Match 3 Mania is a delightful puzzle game that combines classic match-3 mechanics with vibrant, eye-catching graphics. Featuring colorful blocks decorated with charming shapes like stars, diamonds, and pentagons, this game offers endless entertainment for puzzle enthusiasts of all ages. With its cute animations and simple yet engaging gameplay, Match 3 Mania has earned a solid 4.2/5 rating from players worldwide.

Core Features

Colorful Block Matching

The game features beautifully designed blocks in various bright colors, each adorned with unique geometric shapes. The visual appeal makes every match satisfying and keeps players engaged for hours.

Cross-Platform Compatibility

  • Universal Access : Play seamlessly on computers, tablets, and mobile devices
  • Browser-Based : No downloads required - start playing instantly
  • Optimized Performance : Smooth gameplay across all platforms
  • Touch-Friendly : Perfect touch controls for mobile users

Time-Based Challenge System

Every game session is timed, adding an exciting element of urgency to your matching strategy. The countdown timer at the bottom of the screen keeps you focused and creates thrilling moments as you race against time.

Progressive Difficulty

As you improve your skills, the game becomes more challenging, ensuring that both beginners and experienced puzzle game players find the perfect level of difficulty.

Game Gameplay

Match 3 Mania follows the beloved match-3 puzzle format with intuitive controls:

  • Objective : Create rows or columns of 3 or more blocks of the same color
  • Mechanics : When you successfully match blocks, they disappear and new blocks fall into place
  • Scoring : Larger matches yield higher scores, encouraging strategic thinking
  • Competition : Challenge yourself to beat your previous best scores

Strategic Elements

While the core concept is simple, mastering Match 3 Mania requires strategic thinking. Plan your moves carefully to create chain reactions and maximize your scoring potential within the time limit.

How to Play

Basic Controls

  • Move Rows : Slide rows left and right to align matching colors
  • Move Columns : Push columns up and down to create vertical matches
  • Time Management : Keep an eye on the timer bar at the bottom of the screen
  • Match Strategy : Look for opportunities to create larger matches for bonus points

Tips for Success

  1. Plan Ahead : Look for potential chain reactions before making your move
  2. Focus on Larger Matches : Matching 4 or 5 blocks gives significantly more points
  3. Time Awareness : Balance speed with strategy - quick matches keep the timer going
  4. Pattern Recognition : Learn to spot matching opportunities quickly

Why Play Match 3 Mania

Perfect for All Ages

With its "All Ages" content rating and easy-to-understand mechanics, Match 3 Mania is suitable for players from children to adults. The cute graphics appeal to younger players while the strategic depth satisfies experienced gamers.

Stress-Free Gaming

The charming visuals and relaxing gameplay make this an ideal game for unwinding after a busy day. Despite the time pressure, the overall experience remains enjoyable and stress-relieving.

No Commitment Required

As a browser-based instant game, you can jump in and out of Match 3 Mania whenever you have a few minutes to spare. Perfect for short breaks or extended gaming sessions.

Competitive Elements

Track your progress and compete against your own best scores. The leaderboard system adds a competitive edge that motivates continued play and improvement.

Free Entertainment

Enjoy all the game's features completely free, with no hidden costs or mandatory purchases. Pure gaming fun without financial commitment.

Frequently Asked Questions (FAQ)