Disaster Arena - Online Multiplayer Mini-Games

Seele01-Flash
By
Disaster Arena is an exciting online multiplayer game featuring wild mini-games where you compete with friends to prove who's the ultimate champion. Win trophies, collect coins, and unlock amazing rewards!

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Disaster Arena**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a "Roblox-inspired" or "Obby" aesthetic using **Low-Poly 3D models**. Implement a **Cel-Shading / Toon-Shading** effect using `THREE.MeshToonMaterial` to mimic the cartoon look in the screenshot. * **Character Models:** Use blocky, segmented characters (resembling LEGO or Roblox figures). * **Players:** Clad in teal/green tracksuits with white numbers (e.g., "456") on the chest. * **Antagonists:** Clad in red tracksuits (e.g., "001") holding simple geometric weapons (knives/bats). * **Outline Effect:** Apply an "Inverted Hull" outline technique or post-processing edge detection to give characters the bold black outlines seen in the reference image. * **Environment:** A modular "Playground/School" arena. * Blue walls with simple 2D decals (apple trees, clouds). * Gray brick texture for lower walls. * Obstacles: Ramps, simple geometric blocks, and "safe zones." * **Mobile Optimization:** Use simple geometry (BoxGeometry, CylinderGeometry) merged where possible. Avoid high-resolution textures; use solid colors or small palettes. Limit real-time shadows to the main character only (blob shadows for others). ### 2. Audio Requirements * **BGM (Background Music):** * *Lobby Phase:* Playful, bouncy, "elevator" style synth music. * *Disaster Phase:* Fast-paced, chaotic, high-tempo track (reminiscent of frantic game show music). * **SFX (Sound Effects):** * **Movement:** Cartoonish "whoosh" sounds for jumping. * **Impact:** Comical "Oof" or squeak sounds upon getting hit or eliminating a player. * **Environment:** Siren sound when a new disaster is announced. * **UI:** Pop sounds for button clicks and voting. ### 3. Gameplay Loop * **Phase 1: The Lobby (10 Seconds):** Players spawn in a safe hub. A simple UI panel appears allowing the player to "Vote" for the next map/disaster by tapping an icon. * **Phase 2: The Disaster (45 Seconds):** The arena transforms. The core objective is **Survival**. * *Mechanic A (The Chase):* (Based on screenshot) AI bots (Red suits) chase the player. If touched, the player gets "knocked back" and loses health. * *Mechanic B (Hazards):* Random events occur, such as "Floor is Lava" (floor turns red, player must jump on crates) or "Falling Objects." * **Phase 3: Rewards:** If the player survives, they earn "Coins." Coins can be spent in the Lobby to change the color of the player's trail or unlock a simple floating "Pet" cube following them. * **Multiplayer Simulation:** Since this is client-side Three.js code, simulate multiplayer by spawning 5-10 NPC bots that run around randomly, panic, and get eliminated by hazards to create a chaotic atmosphere. ### 4. Mobile Controls & Interaction * **Movement (Left Screen):** Implement a dynamic **Virtual Joystick**. Touching anywhere on the left half of the screen centers the joystick. * **Camera/Action (Right Screen):** * **Camera:** Dragging on the right half of the screen rotates the camera around the character (OrbitControls adapted for touch). * **Jump Button:** A large, circular button (min 64x64px) in the bottom-right corner. * **Orientation:** Force **Landscape Mode** for the best field of view. * **Feedback:** * **Haptic:** Trigger `navigator.vibrate(200)` when the player is hit or eliminated. * **Visual:** Flash the screen red briefly when taking damage. * **UI Layout:** Keep Coin count and Health bar at the top center (away from thumb zones). ### 5. Code Structure * Use ES6 modules. * Initialize a basic physics engine (like Cannon.js or a simple AABB collision system) to handle jumping and wall collisions. * Ensure the render loop handles window resizing efficiently. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Disaster Arena is the ultimate multiplayer party game that brings friends together for competitive fun! This action-packed online experience combines the excitement of mini-games with social competition, creating an addictive gameplay loop that keeps players coming back for more. With its colorful cartoon-style graphics and fast-paced gameplay, Disaster Arena offers endless entertainment for players of all ages.

The game features a unique voting system where players collectively decide which mini-game to play next, ensuring everyone has a say in the fun. Whether you're racing against time, surviving disasters, or competing in skill-based challenges, every round brings new excitement and unpredictable moments.

Core Features

Multiplayer Competition

Join up to multiple players online and compete in real-time mini-games. The social aspect makes every match unique as you face off against friends or players from around the world. Communication and quick thinking are key to dominating the arena.

Diverse Mini-Game Collection

Disaster Arena features a vast collection of mini-games, each with unique mechanics and challenges. From survival scenarios to skill-based competitions, the variety ensures you'll never get bored. New mini-games keep the experience fresh and exciting.

Reward System

Winners don't just get bragging rights—they earn valuable trophies and coins! These rewards can be spent on: - Power-ups : Gain advantages in future games - Adorable Pets : Collect cute companions that follow you around - Customization Options : Personalize your character's appearance

Hidden Treasures

Explore the arena between games to discover hidden treasures and bonus rewards. The environment is filled with secrets waiting to be uncovered by curious players.

Cross-Platform Compatibility

Play seamlessly across different devices—whether you're on a computer, tablet, or smartphone, the fun never stops.

Game Mechanics

The core gameplay revolves around participating in various mini-games where players must demonstrate different skills:

  • Survival Challenges : Avoid disasters and outlast opponents
  • Racing Games : Speed through courses and reach the finish line first
  • Skill Tests : Demonstrate precision and timing in various activities
  • Strategy Games : Outwit opponents with clever tactics

Each mini-game typically lasts 1-3 minutes, keeping the pace fast and excitement high. The voting system between rounds adds a democratic element, letting players influence their gaming experience.

Operation Guide

Mastering Disaster Arena's controls is essential for victory:

  • Movement : Use WASD keys or arrow keys to navigate your character
  • Camera Control : Move your mouse to adjust the viewing angle
  • Jump : Press the space bar to leap over obstacles or reach higher platforms
  • Interaction : Click on objects and UI elements to interact

The intuitive control scheme makes it easy for newcomers to jump in while providing enough depth for experienced players to develop advanced strategies.

Why Play Disaster Arena?

Perfect for Social Gaming

Disaster Arena shines as a social experience. Whether you're looking to bond with friends or meet new players online, the game creates memorable moments and friendly competition. The shared voting system and real-time reactions make every session feel like a party.

Endless Replayability

With numerous mini-games, random elements, and constant updates, no two sessions are exactly alike. The combination of skill-based and luck-based elements ensures that everyone has a chance to win, keeping the competition balanced and engaging.

Free and Accessible

The game is completely free to play with no hidden costs or pay-to-win mechanics. All rewards can be earned through gameplay, making success feel truly earned. The browser-based format means no downloads or installations required.

Quick and Convenient

Each gaming session can be as short or long as you want. Mini-games are perfect for quick breaks, while extended play sessions let you climb the leaderboards and unlock rare rewards.

Join the chaos, prove your skills, and become the ultimate Disaster Arena champion!

Frequently Asked Questions (FAQ)