Dream Pet Connect - Matching Puzzle Game

Seele01-Flash
By
Dream Pet Connect is an adorable tile-matching puzzle game where you help cute pets find their siblings. Connect matching pet pairs by clicking tiles that are within 2 turns of each other to clear the board and complete challenging levels.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Dream Pet Connect**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Vibrant, "Cute" cartoon style with a focus on high readability on small screens. Use a warm, nature-inspired color palette (lush greens, soft browns, sunny yellows) similar to the reference screenshot. * **Main Assets (Tiles)**: * Use `THREE.BoxGeometry` or `RoundedBoxGeometry` to create game tiles (Mahjong-style). * **Textures**: The top face of each tile must display a distinct, high-contrast cartoon animal face (Owl, Cat, Dog, Panda, Fox, etc.). The sides and bottom should simulate a wood or plastic material. * **Highlighting**: When selected, the tile should scale up slightly (1.1x) and emit a soft outline glow. * **Background**: A static, blurred 2D background image of a forest or a simple 3D environment with a flat green ground plane and low-poly trees on the periphery to frame the board without distracting from gameplay. * **Visual Effects (VFX)**: * **Connection Line**: When two tiles successfully match, draw a dynamic "Lightning Bolt" or glowing path (using `THREE.Line` or `MeshLine`) showing the connection path before the tiles disappear. * **Clear Effect**: When tiles vanish, spawn a small burst of particle confetti (stars/hearts). * **Mobile Optimization**: Use a single Texture Atlas for all animal faces to reduce draw calls. Limit real-time shadows; use baked lighting or simple ambient light + directional light. ### 2. Audio Requirements * **BGM**: A relaxing, cheerful loop featuring acoustic instruments (marimba, ukulele, or flute). The tempo should be moderate—not too fast, not too sleepy. * **Sound Effects (SFX)**: * **Tap/Select**: A soft, high-pitched "Pop" or wooden "Click". * **Match Success**: A satisfying, ascending magical chime or sparkle sound. * **Invalid Move**: A low, dull "Thud" or gentle "Buzz" to indicate the path is blocked. * **Shuffle**: A "Whoosh" sound if the board reshuffles. * **Win**: A short, celebratory fanfare. ### 3. Gameplay Loop * **Core Mechanic**: Classic "Onet" / "Connect-2" logic. 1. Spawn a grid of tiles (e.g., 6x8 for portrait or 10x6 for landscape) with an even number of matching animal pairs. 2. The player taps Tile A, then Tile B. 3. **Validation Logic**: If the images match AND a clear path exists between them with **no more than 2 turns** (3 straight line segments), the match is valid. 4. The connecting line is drawn visually, and the tiles are removed from the scene. * **Win Condition**: Clear the entire board within a time limit (optional) or simply clear all tiles. * **Fail/Stuck Condition**: If no moves are possible, the game should automatically "Shuffle" the remaining tiles. * **Scoring**: +10 points per match. Bonus points for fast consecutive matches (Combo). ### 4. Mobile Controls & Interaction * **Touch Controls**: Use `Raycaster` for precise touch detection. * **Tap**: Selects a tile. If a tile is already selected, tapping a second tile attempts a match. Tapping the *same* tile again deselects it. * **Screen Adaptation**: * The camera must be Orthographic (`THREE.OrthographicCamera`) to ensure the grid is easy to read and tap without perspective distortion. * **Responsive Grid**: The board layout must automatically center and scale to fit within the screen bounds, ensuring a safe margin (padding) on the edges so tiles aren't cut off on curved screen corners. * **UI Elements**: * A "Shuffle" button and "Hint" button placed at the bottom of the screen (thumb-friendly zone, min-height 44px). * A Score/Level display at the top center. * **Haptic Feedback**: Trigger `navigator.vibrate(15)` on a valid selection and `navigator.vibrate([10, 30, 10])` on a successful match (if supported). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Dream Pet Connect is a delightful puzzle game that combines cute pet graphics with challenging brain-teaser gameplay. With a solid 3.85/5 rating from players, this charming tile-matching adventure invites you to help adorable animals find their perfect companions. The game features lovable pets like owls, cats, dogs, and other cute creatures waiting to be paired up.

This HTML5-powered game runs smoothly in any modern web browser, making it accessible to players across all devices without any downloads or installations required.

Core Features

Adorable Pet Theme

The game showcases a delightful collection of cute animals including owls, puppies, kittens, and other lovable pets. Each pet is beautifully designed with charming animations and vibrant colors that appeal to players of all ages.

Strategic Matching Mechanics

Unlike simple matching games, Dream Pet Connect requires strategic thinking. You can only connect matching tiles if they can be linked with a path that has no more than 2 turns. This unique rule adds depth and challenge to every move.

Progressive Difficulty

Start with simple layouts and gradually face more complex board arrangements. Each level presents new challenges that test your pattern recognition and strategic planning skills.

Brain Training Benefits

This game serves as an excellent brain teaser, improving your: - Pattern Recognition : Quickly identify matching pet pairs - Strategic Planning : Plot the best connecting paths - Visual Processing : Navigate complex tile layouts - Problem Solving : Clear challenging board configurations

Cross-Platform Compatibility

Built with HTML5 technology, the game works perfectly on: - Desktop computers (Windows, Mac, Linux) - Tablets (iPad, Android tablets) - Smartphones (iOS and Android) - All modern web browsers

Gameplay Mechanics

The core objective is simple yet engaging: connect pairs of identical pet tiles to clear them from the board. However, the strategic element comes from the connection rules:

  1. Matching Pairs : Click on two identical pet tiles
  2. Path Requirements : The connection path between tiles cannot have more than 2 turns
  3. Clear Paths : The connecting line must not be blocked by other tiles
  4. Board Clearing : Remove all pet pairs to complete the level

Operation Guide

Basic Controls

  • Mouse Click : Select and match pet tiles
  • Touch Controls : Tap tiles on mobile devices
  • Visual Feedback : Selected tiles are highlighted for easy identification
  • Hint System : Use hints when stuck on challenging layouts

Winning Strategy Tips

  1. Start with Corner Tiles : These are often easier to connect
  2. Plan Ahead : Look for tiles that might block future connections
  3. Use the 2-Turn Rule : Remember you can make up to 2 direction changes
  4. Work from Outside In : Clear outer tiles first to create more connection opportunities

Why Play Dream Pet Connect

This game offers the perfect blend of relaxation and mental stimulation. The cute pet theme creates a warm, friendly atmosphere while the strategic matching mechanics keep your brain engaged. Whether you're looking for a quick mental break or a longer puzzle-solving session, Dream Pet Connect delivers satisfying gameplay that's both challenging and rewarding.

The game's accessibility across all devices means you can enjoy these adorable pet puzzles anywhere, anytime. With no downloads required and completely free gameplay, it's the perfect choice for puzzle game enthusiasts and casual players alike.

Frequently Asked Questions (FAQ)