Pocket Zoo - Animal Collection & Merge Game

Seele01-Flash
By
Pocket Zoo is an addictive clicker and merge game where you collect adorable animals by tapping bubbles and merging creatures. Build your dream zoo, discover new species across different islands, and become the ultimate zookeeper!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Pocket Zoo". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Cartoon 3D". Use low-poly animal models with a Toon Shader (Cel-shading) to mimic the thick outlines and flat colors seen in the reference image. The overall palette should be vibrant and saturated (Bright Blues, Oranges, Greens). * **Camera:** Fixed Isometric view (OrthographicCamera) to simulate a strategic board view, ensuring the player can see the entire "Island". * **The Island:** A circular, floating low-poly island platform with green grass and simple decorations (small rocks, tufts of grass). * **Background:** A dynamic background plane behind the island featuring a rotating "Sunburst" pattern (Light Blue and Dark Blue rays) similar to the screenshot, creating an energetic vibe. * **Entities:** * **Animals:** Create procedural placeholders for 3 tiers of animals using simple geometries + colors (e.g., Tier 1: Grey Sphere/Mouse, Tier 2: Brown Cube/Beaver, Tier 3: Orange Cylinder/Tiger). Each needs a pair of "Googly Eyes" attached. * **Bubbles:** Semi-transparent, floating spheres that spawn periodically. * **Coins:** Gold cylinder meshes that appear when animals are clicked. ### 2. Audio Requirements * **BGM:** A looped, cheerful, and bouncy track using Marimbas or Ukulele to match the "Casual/Idle" vibe. * **SFX:** * **Bubble Pop:** A crisp "Plop" sound when tapping bubbles. * **Merge Success:** A magical "Chime" or "Ding" ascending scale when two animals merge. * **Coin Collect:** A classic "Cha-ching" or metallic coin sound. * **Animal Voice:** Cute, pitched-up grunts or squeaks when tapped. ### 3. Gameplay Loop * **Spawning:** Every few seconds, a "Bubble" floats down or appears on an empty spot on the island grid. * **Unpacking:** Player taps a Bubble -> The bubble bursts (particles) -> A Tier 1 Animal appears. * **Merging (Core Mechanic):** Player drags an animal and drops it onto another animal of the **same tier**. * If they match: Both are destroyed, and a new Animal of (Tier + 1) spawns at that location with a "Poof" particle effect. * If they don't match: The dragged animal snaps back to its original position. * **Income (Clicker Mechanic):** Player can tap existing animals. Tapping an animal generates "Coins" (visual particles flying to a UI counter) based on the animal's tier (Higher tier = more coins). * **Progression:** Use coins to buy an "Upgrade" button (UI) that speeds up bubble spawn rates. ### 4. Mobile Controls & Interaction * **Input System:** Use Three.js Raycaster mapping to `touchstart`, `touchmove`, and `touchend` events. * **Drag & Drop Logic:** * **Touch Start:** Raycast checks if an object is hit. If it's a Bubble, pop it immediately. If it's an Animal, lift it slightly (y-axis + 0.5) and scale it up (1.2x) to show it's selected. * **Touch Move:** The selected animal follows the finger/cursor on the X/Z plane (ground plane). * **Touch End:** Check distance to nearest other animal. If close enough (< 1.5 units) and same Type, trigger Merge. Else, return to start position. * **Orientation:** Portrait Mode preferred for mobile (camera settings should adapt aspect ratio). * **UI Layout:** * **Top:** Coin Counter (Large, bold font). * **Bottom:** "Buy Animal" button (Large hit area, minimum 60px height). * **Haptics:** Trigger `window.navigator.vibrate(50)` on a successful Merge or Bubble pop 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 Pocket Zoo

Pocket Zoo is a charming animal collection game that combines the best of clicker and merge gameplay mechanics. This delightful free-to-play game lets you build and manage your own virtual zoo by collecting cute cartoon animals. With its simple tap-to-play mechanics and engaging progression system, Pocket Zoo offers hours of relaxing entertainment for animal lovers and casual gamers alike.

Core Features

Bubble Tapping Collection System

The game features an intuitive bubble-tapping mechanism where each tap reveals a new animal. The excitement of discovery keeps you engaged as you never know which adorable creature will pop out next.

Strategic Merging Gameplay

Merge two identical animals to create larger, more impressive creatures. This strategic element adds depth to the simple clicking mechanics, requiring players to think ahead about their collection strategy.

Multi-Island Exploration

Travel between different themed islands to discover unique animal species. Each island offers new creatures to collect and different environments to explore, greatly expanding your zoo's diversity.

Coin Economy System

Earn coins by clicking on your collected animals. These coins can be reinvested to purchase more animals, creating a satisfying progression loop that keeps you coming back for more.

Complete Freedom to Play

  • 100% Free : No payment required to enjoy the full game experience
  • No Downloads : Play instantly in your browser without any installations
  • Cross-Platform : Seamlessly switch between desktop and mobile devices
  • Offline Progress : Your zoo continues growing even when you're away

Game Mechanics

Animal Collection Process

Start by tapping on floating bubbles to reveal random animals. Each animal has its own charm and contributes to your zoo's overall appeal. The variety keeps the collection process exciting and unpredictable.

Merging Strategy

When you have two identical animals, merge them to create a more advanced version. This mechanic encourages strategic thinking about which animals to keep separate and which to combine for maximum benefit.

Island Progression

As you build your collection and earn more coins, new islands become available. Each island introduces fresh animal species and new challenges, ensuring the gameplay remains engaging throughout your journey.

Operation Guide

Basic Controls: - Tap/Click Bubbles : Reveal new animals from floating bubbles - Click Animals : Generate coins from your collected creatures - Drag & Drop : Move animals around your zoo for better organization - Merge : Drag identical animals together to create upgraded versions - Navigate : Use on-screen buttons to travel between islands

Pro Tips for Success: - Focus on merging lower-tier animals first to make room for new discoveries - Regularly click on your animals to maximize coin generation - Explore all available islands to find the rarest creatures - Plan your zoo layout for optimal coin collection efficiency

Why Play Pocket Zoo

Perfect Casual Gaming Experience

Pocket Zoo strikes the perfect balance between engaging gameplay and relaxing entertainment. It's ideal for short gaming sessions or extended play periods, adapting to your schedule perfectly.

Satisfying Progression System

The combination of collection, merging, and exploration creates multiple layers of progression that keep you motivated. Every session brings new discoveries and meaningful advancement.

Universal Appeal

Whether you're an animal lover, merge game enthusiast, or casual clicker fan, Pocket Zoo offers something enjoyable. The cute art style and simple mechanics make it accessible to players of all ages.

No Pressure Gaming

Unlike competitive games, Pocket Zoo lets you play at your own pace. There are no time limits, no pressure to compete with others – just pure, relaxing fun building your dream animal collection.

Cross-Device Convenience

Start playing on your computer during lunch break, then continue on your phone during your commute. The game works flawlessly across all devices, ensuring you never miss a chance to expand your zoo.

Frequently Asked Questions (FAQ)