Match 3 Rabbits - Cute Puzzle Game

Seele01-Flash
By
Match 3 Rabbits is an adorable puzzle game featuring cute bunnies that need your help getting organized. Match 3 rabbits horizontally or vertically to clear them from columns across 10 challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Match 3 Rabbits". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Aesthetic using an **Orthographic Camera** to maintain a strict grid alignment while allowing for 3D depth in animations. The style should be colorful, low-poly, and cartoonish. * **The Board:** A dark brown, grid-textured background resembling a giant chocolate bar. The grid slots serve as the columns for the game. * **The Rabbits (Game Pieces):** * Create Cube geometries with slightly rounded bevels/edges. * Colors: Vibrant Pink, Teal, Royal Blue, White, and Lime Green. * Face: Apply a simple texture or child planes to the front face showing cute pixel-art eyes and a nose. * **The Claw/Hand:** A mechanical or cartoon "arm" (yellow cylinder) with a white gloved hand (spheres/boxes) that hovers at the top of the screen. It tracks the player's horizontal input. * **Special Blocks (Caged Rabbits):** Some rabbits have a semi-transparent grey "cage" overlay (wireframe or texture). These look distinct and heavy. * **Optimization:** Use `InstancedMesh` for the background grid if possible to save draw calls. Ensure textures are compressed. ### 2. Audio Requirements * **BGM:** Upbeat, pizzicato-string based playful music (similar to "Animal Crossing" or casual mobile puzzle games). It should be looping and non-intrusive. * **Sound Effects (SFX):** * **Grab:** A quick "swoosh" or spring noise when the hand descends. * **Drop:** A soft "thud" when a rabbit lands. * **Match:** A satisfying high-pitched "pop" or magical chime when 3+ rabbits clear. * **Error/Cage:** A dull metallic "clank" if the player tries to move a caged rabbit. * **Level Clear:** A short triumphant fanfare. ### 3. Gameplay Loop * **Core Mechanic (The Crane Grab):** unlike standard match-3 swapping, this uses a **"Pick Up and Drop"** mechanic. 1. **Select:** The player touches a specific rabbit in a column (can be one deep in the stack, not just the top). 2. **Retrieval:** The Hand descends rapidly, grabs the selected rabbit, and pulls it up. 3. **Gravity:** If a rabbit is pulled from the middle of a stack, the rabbits above it immediately fall down to fill the gap. 4. **Relocate:** The player moves the hand to a different column. 5. **Drop:** The player releases, and the rabbit falls to the top of that new column. * **Matching Logic:** After a drop, check the grid for 3 or more same-colored rabbits adjacent horizontally or vertically. * Matches disappear (scale down to 0). * Remaining blocks fall due to simulated gravity. * Chain reactions (combos) are allowed. * **Constraint (Cages):** "Caged" rabbits cannot be picked up by the hand. They only move if blocks below them are cleared, causing them to fall. They *can* match with normal rabbits of the same color to be destroyed. * **Win/Loss:** * **Goal:** Clear a specific number of rabbits (Score) to win the level. * **Loss:** Limit the number of moves (Carrots UI) or limit time. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Portrait Mode (Vertical). * **Touch Controls:** * **Drag & Release:** 1. **Touch Start:** Raycast detects which column and specific rabbit the finger is over. Highlighting the selection. 2. **Touch Move:** The Hand follows the finger horizontally at the top of the screen, holding the grabbed rabbit. 3. **Touch End:** The hand releases the rabbit into the currently highlighted column. * **Visual Feedback:** * When a rabbit is selected, it should wiggle or scale up slightly (1.1x). * A "ghost" indicator showing where the rabbit will land in the target column. * **Haptics:** Trigger a light vibration (`navigator.vibrate(20)`) when a rabbit is successfully grabbed and a heavier vibration when a match is made. * **UI:** Place the Score (Goal) in the bottom-right and "Lives/Carrots" in the top-right. Ensure buttons are at least 44x44 pixels for touch targets. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Game

Match 3 Rabbits is a delightful puzzle game that combines classic match-3 mechanics with adorable rabbit characters. With a stellar 4.47/5 rating, this charming HTML5 game challenges players to help cute bunnies escape from crowded columns by creating strategic matches. The game features 10 progressively challenging levels, each with unique goals and limited moves that test your puzzle-solving skills.

Core Features

Adorable Rabbit Characters

The game showcases a variety of colorful, cute rabbit characters that will melt your heart. Each bunny has its own distinct design and color, making matching both visually appealing and engaging. The charming art style makes this game perfect for players of all ages.

Strategic Gameplay Mechanics

Unlike traditional match-3 games, Match 3 Rabbits introduces unique mechanics: - Column-based Movement : Grab rabbits from anywhere in a column, not just the top - Caged Rabbits : Some bunnies are in cages and can't be moved but can still be matched - Limited Lives System : Each level provides a specific number of moves (represented by carrots) - Progressive Difficulty : 10 levels with increasing complexity and challenge

Cross-Platform Compatibility

Built with HTML5 technology, the game runs smoothly across all devices: - Desktop Computers : Full-screen experience with mouse controls - Mobile Devices : Touch-optimized interface for smartphones and tablets - Browser-Based : No download required, instant play in any modern web browser - Responsive Design : Automatically adapts to different screen sizes

Gameplay Guide

Basic Controls

  • Click and Hold : Select the rabbit you want to move
  • Drag and Drop : Move rabbits between columns
  • Touch Controls : Tap and drag on mobile devices

How to Play

  1. Analyze the Board : Study the rabbit arrangement in each column
  2. Plan Your Moves : Consider which rabbits to move to create matches
  3. Create Matches : Align 3 or more identical rabbits horizontally or vertically
  4. Clear Objectives : Check the goal counter in the lower right corner
  5. Manage Lives : Monitor your remaining moves (carrot indicators)
  6. Progress Through Levels : Complete objectives to unlock new challenges

Winning Strategy Tips

  • Look for opportunities to create chain reactions
  • Free caged rabbits by matching adjacent bunnies
  • Plan multiple moves ahead to maximize efficiency
  • Focus on the level objective rather than random matching
  • Use your limited moves wisely

Why Play This Game

Perfect for Puzzle Lovers

Match 3 Rabbits offers the perfect blend of cute aesthetics and challenging puzzle mechanics. It's designed for players who enjoy: - Brain Training : Enhance logical thinking and planning skills - Casual Gaming : Perfect for quick gaming sessions or extended play - Family-Friendly Entertainment : Suitable content for all age groups - Stress Relief : Relaxing gameplay with adorable characters

Accessibility and Convenience

  • Completely Free : No hidden costs or in-app purchases
  • No Registration : Start playing immediately without creating accounts
  • Lightweight : Fast loading times and minimal system requirements
  • Offline-Capable : Continue playing even with poor internet connection

Educational Benefits

  • Develops pattern recognition skills
  • Improves strategic thinking and planning
  • Enhances hand-eye coordination
  • Provides gentle cognitive challenges

Whether you're a match-3 veteran or new to puzzle games, Match 3 Rabbits delivers an engaging experience that combines strategy, cuteness, and satisfying gameplay mechanics.

Frequently Asked Questions (FAQ)