MiniGiants.io - Multiplayer Arena Battle Game

Seele01-Flash
By
MiniGiants.io is an exciting multiplayer arena battle game where you control a mighty minigiant warrior, collect resources, craft weapons, and battle players worldwide to become the ultimate giant.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "MiniGiants.io". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Use a **Low-Poly 3D style with Toon Shading (Cel Shading)** to replicate the vibrant, cartoonish look of the 2D screenshot. Characters should have bold outlines if possible. * **Camera View:** Implement a **Top-Down Orthographic Camera** fixed at a slight angle (approx 60 degrees) to simulate the classic IO game perspective. The camera must smoothly follow the player. * **Character Models:** * **Player:** A simple, customizable Viking-style character (helmet with horns, holding an axe). * **Enemies/Bots:** Varied classes, specifically a larger "Grim Reaper" model (hooded skeleton with a scythe) as seen in the screenshot. * **Scaling:** Models must support dynamic scaling (growing in size) based on level/XP. * **Environment:** A tiled terrain resembling "Cobblestone" or "Dirt Path" with scattered low-poly environmental props like small rocks, grass tufts, and collectable glowing gems (shiny resources). * **Mobile Optimization:** Use `THREE.InstancedMesh` for environmental props (rocks, grass) to reduce draw calls. Limit texture resolution to 512x512px. Use simple blob shadows instead of expensive dynamic shadow maps. ### 2. Audio Requirements * **BGM (Background Music):** An adventurous, orchestral loop with a fast tempo, featuring flutes and drums to evoke a "medieval fantasy battle" atmosphere. * **Sound Effects (SFX):** * **Attack:** A "Whoosh" sound for swinging weapons. * **Impact:** A distinct "Thud" or metallic "Clang" when hitting an enemy (visualized by the blue lightning effect in the screenshot). * **Collection:** A high-pitched "Ding" or "Sparkle" sound when collecting gems/resources. * **Level Up:** A celebratory fanfare sound. ### 3. Gameplay Loop * **Core Mechanism:** The "Size Matters" mechanic. The player starts small. Defeating enemies and collecting colorful rocks/gems scattered on the ground grants XP. * **Progression:** As XP increases, the player character **physically grows larger**, increases health pool, and deals more damage. * **Combat System:** Real-time melee combat. Players must position themselves to hit enemies with their weapon hitbox. * **Win Condition:** Climb the leaderboard by having the most XP/Size. * **Lose Condition:** Reaching 0 HP leads to a "Game Over" screen with a "Respawn" button. * **AI Bots:** Simple AI that wanders the map, collects resources, and chases the player if they are smaller, or flees if the player is larger. ### 4. Mobile Controls & Interaction * **Movement:** A **Virtual Joystick** positioned at the bottom-left of the screen for 360-degree movement. * **Combat:** A large **Attack Button** at the bottom-right of the screen. Holding it creates a continuous attack or "charge"; tapping executes a quick swing. * **Orientation:** The character should automatically face the direction of movement (joystick input). * **UI Overlay:** * **Health Bars:** Floating HTML/CSS labels above every character (Player and Enemy) showing current HP and Name (e.g., "Lady Fantastic"). * **Level Indicator:** A number badge next to the health bar showing the current level (e.g., "9"). * **Feedback:** Implement `navigator.vibrate(20)` for haptic feedback when the player lands a hit or takes damage. visual damage numbers should pop up on impact. * **Screen Adaptation:** Force **Landscape Mode** orientation logic. Ensure UI buttons are at least 44x44px relative size 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 the Game

MiniGiants.io is a thrilling multiplayer arena battle game that combines strategy, resource management, and real-time combat. With a solid 4.2/5 rating from thousands of players, this browser-based io game offers an addictive blend of clicking mechanics, character progression, and competitive multiplayer action.

In MiniGiants.io, you start as a small but mighty warrior in an arena filled with players from around the world. Your mission is simple yet challenging: grow stronger, collect resources, and dominate the battlefield while avoiding becoming a target for other ambitious players.

Core Features

Real-Time Multiplayer Combat

Engage in intense battles with players from across the globe. Each opponent is a real person with their own strategies, making every encounter unpredictable and exciting. The game's dynamic player interaction creates endless replayability.

Resource Collection and Crafting System

Click on various resources scattered throughout the arena including rocks, trees, diamonds, and other valuable materials. Use these resources to craft powerful weapons, sturdy armor, and even build your own base. The strategic resource management adds depth beyond simple combat.

Character Growth and Progression

As you defeat opponents and collect resources, your minigiant grows in both size and power. Eventually, your tiny warrior can evolve into a massive "Giantgiant" - but remember, bigger means a bigger target on your back!

Strategic Team Dynamics

The game features emergent gameplay where players may form temporary alliances to take down dominant opponents. Success breeds enemies, so you'll need to balance growth with survival tactics.

Gameplay Mechanics

Combat System

The game uses an intuitive click-based combat system. Simply click on opponents to attack them while managing your positioning and resources. The easy-to-learn mechanics make it accessible for new players while offering depth for veterans.

Arena Environment

The battlefield is filled with interactive elements. Every rock, tree, and resource node can be clicked and harvested. The environment itself becomes part of your strategy as you decide which resources to prioritize.

Operation Guide

Mastering MiniGiants.io is straightforward:

  • Movement : Use WASD keys or arrow keys to navigate the arena
  • Camera Control : Move your mouse to change viewing angle and orientation
  • Attack : Left mouse button to attack opponents and interact with objects
  • Resource Collection : Click on environmental objects like rocks, trees, and diamonds
  • Building : Use collected resources to craft weapons, armor, and structures

Strategic Tips

  • Start by collecting basic resources to build your first weapons
  • Avoid engaging stronger players early in the game
  • Watch for alliance opportunities when facing dominant players
  • Balance offensive and defensive upgrades as you grow

Why Play This Game

MiniGiants.io offers several compelling reasons to dive in:

Completely Free : No downloads, no subscriptions, no hidden costs - play instantly in your browser.

Cross-Platform Compatibility : Works perfectly on computers, tablets, and mobile devices through any modern web browser.

Skill-Based Progression : Success depends on strategy, timing, and resource management rather than just clicking speed.

Real Human Opponents : Face unpredictable human players instead of predictable AI, creating unique experiences every match.

Quick Sessions : Perfect for both short gaming breaks and extended play sessions.

The game successfully combines the accessibility of io games with the depth of strategy titles, making it appealing to casual gamers and competitive players alike. Whether you're looking for a quick gaming session or planning to dominate the leaderboards, MiniGiants.io delivers engaging gameplay that keeps you coming back.

Frequently Asked Questions (FAQ)