Monster Battle - 3D Monster Collection & Merge Game

Seele01-Flash
By
Monster Battle is an exciting 3D casual game where you capture diverse monsters, merge identical creatures for powerful upgrades, and engage in thrilling duels. Explore areas, collect new monster types, and defeat challenging bosses to become the ultimate monster duelist.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Monster Battle - Collect & Merge**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Use a **Low-Poly, Toon-Shaded** aesthetic similar to *Pokémon Quest* or *Palworld* (mobile versions). Colors should be vibrant and highly saturated. * **Camera**: Implement a **Top-Down Isometric Camera** that smoothly follows the player. * **Key Models**: * **Player**: A simple capsule or low-poly human avatar. * **Monsters**: Create basic geometric representations for monsters to start (e.g., specific colors representing types). * *Type A (Dragon-like)*: Orange/Red color, spiky geometry. * *Type B (Reaper-like)*: Dark Blue/Green color, floating geometry. * **Environment**: A bright green plane (grass) with scattered low-poly trees and rocks as obstacles. A designated circular "Battle Arena" area with a different floor texture. * **Effects**: * **Merge Effect**: A scaling "pop" animation + particle explosion when two monsters combine. * **Battle FX**: Simple flash effects or floating damage numbers when monsters attack. * **Mobile Optimization**: Use **InstancedMesh** for environmental objects (trees/grass) to maintain 60 FPS on mobile devices. Limit shadow casting to the main character and active monsters only. ### 2. Audio Requirements * **BGM**: * *Exploration Phase*: Light, upbeat, looping synth-pop track (120 BPM). * *Battle Phase*: Faster, energetic rock-orchestral hybrid (140 BPM). * **SFX**: * **Collection**: A high-pitched "ding" or "chirp" when finding a monster. * **Merge**: A satisfying "squish" or "pop" sound accompanied by a rising tone. * **Combat**: Cartoonish impact sounds (thuds, zaps) and a retro "victory fanfare" upon defeating the Boss. ### 3. Gameplay Loop * **Phase 1: Collection (The "Snake" Mechanic)**: * The player moves around the map. Small "Wild Monsters" spawn randomly. * When the player touches a wild monster, it gets "tamed" and starts following the player in a line (snake-like formation) or enters a "Party Grid" around the player. * **Phase 2: Merging (The Upgrade)**: * **Logic**: Check the player's current monster party. If two monsters of the same Type and Level exist, automatically merge them into one monster of [Level + 1]. * **Visual**: The two meshes move toward each other and scale up into a larger, glowing version. * **Phase 3: The Duel (Boss Fight)**: * Locate the "Boss Enemy" (a static, large AI opponent on the map). * When entering the Boss's radius, the game switches to "Battle Mode". * **Auto-Battler**: The player's collected monsters automatically detach and attack the Boss. Higher-level monsters deal more damage. * **Win/Loss**: If the Boss HP drops to 0, Player wins (Victory UI). If Player's monsters all die, Player loses (Respawn). ### 4. Mobile Controls & Interaction * **Control Scheme**: **Virtual Joystick**. * Place a dynamic joystick zone on the bottom-center or bottom-left of the screen. * Touch-and-drag logic: Calculate the vector from the initial touch point to the current finger position to determine player velocity and rotation. * **Screen Orientation**: **Landscape** (preferred for wider field of view during battles). * **UI/UX**: * **Monster Counter**: A large, easy-to-read counter in the top-right corner (e.g., "Monsters: 5/10"). * **Touch Feedback**: Implement `window.navigator.vibrate(50)` (Haptic Feedback) whenever a Merge occurs or a Boss is hit. * Ensure no UI buttons are smaller than **44x44 pixels** to prevent miss-clicks. * Prevent default browser behaviors (zooming, scrolling) using `touch-action: none` in CSS. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Monster Battle is a captivating 3D casual game that combines monster collection, strategic merging, and intense battling mechanics. Set in a vibrant top-down world, players embark on an adventure to capture various monsters, build powerful teams, and engage in exciting duels against opponents and challenging bosses.

The game offers an immersive experience where strategy meets action, allowing players to collect, upgrade, and battle with their favorite monsters in beautifully rendered 3D environments.

Core Features

Monster Collection System

Discover and capture a wide variety of unique monsters scattered throughout different areas. Each monster has distinct abilities, characteristics, and visual designs that make collecting them an engaging experience.

Strategic Merging Mechanics

The innovative merge system allows you to combine identical monsters to create more powerful versions. This strategic element adds depth to gameplay, as players must decide when and which monsters to merge for maximum effectiveness in battle.

Intense Battle Gameplay

Engage in thrilling duels against AI opponents and formidable boss monsters. Each battle tests your strategic thinking and monster team composition, providing endless entertainment and challenge.

3D Visual Experience

Enjoy stunning 3D graphics with a top-down perspective that provides clear visibility of the battlefield and surrounding areas. The vibrant art style brings monsters and environments to life.

Progressive Boss Battles

Face increasingly challenging boss opponents in different areas. Each boss requires unique strategies and well-upgraded monster teams to defeat, adding exciting milestones to your journey.

Game Playstyle

Exploration and Discovery

Traverse various areas to find new monster types and discover hidden creatures. The exploration aspect keeps gameplay fresh as you never know what monsters you might encounter next.

Team Building Strategy

Build the ultimate monster team by carefully selecting which creatures to capture, merge, and deploy in battles. Consider each monster's strengths and how they complement your overall strategy.

Casual Yet Engaging

While easy to pick up and play, the game offers depth through its merging mechanics and battle strategies, making it perfect for both quick gaming sessions and longer play periods.

Operation Guide

Movement Controls

  • WASD Keys : Move your character around the game area
  • Arrow Keys : Alternative movement option for navigation
  • Mouse Drag : Click and drag with left mouse button to move around areas

Gameplay Mechanics

  • Monster Capture : Approach wild monsters to capture them for your collection
  • Merging : Combine two identical monsters to create a stronger, upgraded version
  • Battle Initiation : Encounter opponents to start dueling matches
  • Area Exploration : Move freely through different zones to discover new monsters and challenges

Why Play Monster Battle

Perfect for All Skill Levels

Whether you're a casual gamer looking for fun or a strategy enthusiast seeking depth, Monster Battle offers something for everyone. The intuitive controls make it accessible, while the strategic elements provide lasting engagement.

Free Browser Gaming

Enjoy the full gaming experience without downloads or installations. Play directly in your web browser on both desktop and mobile devices, making it convenient to play anywhere.

Addictive Progression System

The combination of collecting, merging, and battling creates a highly addictive gameplay loop that keeps players coming back to build stronger monster teams and face tougher challenges.

Cross-Platform Compatibility

Seamlessly switch between desktop and mobile play, with full functionality maintained across all devices. Your progress and monster collection travel with you wherever you game.

Frequently Asked Questions (FAQ)