MPH Online - Multiplayer Racing Game

Seele01-Flash
By
MPH Online is a thrilling multiplayer car racing game where you race through city streets, collect money, unlock faster cars, and compete in online events against players worldwide.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**MPH Online**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a **Low-Poly / Voxel-inspired 3D aesthetic** (similar to games by Skullcap Studios like *Blockpost*). Use flat shading or simple textures to ensure high performance on mobile web browsers. * **Color Palette:** Use vibrant, arcade-style colors. The skybox should feature a gradient (blue to purple) evoking a slight synth-wave/retro vibe based on the logo. * **The City (Map):** Generate a procedural or fixed open-world city grid containing: * **Roads:** Dark asphalt with yellow lane markers. * **Buildings:** Simple rectangular prisms of varying heights to represent a skyline. * **Props:** Ramps, loops, and elevated platforms hidden in alleyways or on rooftops (for stunts). * **Player Car:** A sleek, low-poly sports car (start with Red). The model should have separate meshes for the wheels to allow rotation/steering animations. * **Collectibles:** Floating, rotating "Dollar Signs" or "Coins" scattered across the map, some placed on top of buildings or at the end of ramps. * **Optimization:** Use `InstancedMesh` for repeated buildings and collectables to minimize draw calls. ### 2. Audio Requirements * **BGM:** Upbeat, high-energy **Electro-Rock or Synthwave** track that loops seamlessly to keep adrenaline high. * **Sound Effects (SFX):** * **Engine:** Synthesized engine hum that increases in pitch based on the car's speed. * **Tires:** Screeching sound when turning sharply (drifting). * **Collection:** A satisfying "Ka-ching!" or arcade coin sound when picking up money. * **Impact:** A thud/crunch sound for colliding with buildings. ### 3. Gameplay Loop * **Core Mechanics:** Arcade-style driving physics (using a library like **Cannon.js** or **Ammo.js** coupled with Three.js). The car should feel fast, slightly "bouncy," and forgiving (easy to drift, hard to flip permanently). * **Objective:** 1. **Explore:** Drive freely around the city. 2. **Collect:** Find hidden cash to increase the score/money counter. 3. **Stunt:** Successfully landing jumps earns bonus points. * **Multiplayer Elements (Simulation):** Create simple "Ghost Cars" (other low-poly cars) that drive along pre-defined paths to simulate a busy online server, or simple AI that races the player. * **Respawn Logic:** If the car flips upside down or falls off the map, the player must be able to reset the car's rotation and position to the nearest road. ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Landscape Mode** only. * **Touch Controls (UI Overlay):** * **Left Hand:** Two large arrow buttons (Left/Right) for steering. Place them in the bottom-left corner with ample spacing to avoid miss-clicks. * **Right Hand:** * Large "Gas" pedal button (bottom-right). * Smaller "Brake/Reverse" button (positioned slightly to the left of the Gas). * A "Handbrake" button for drifting. * **Respawn Button:** A distinct "Flip Car" icon in the top-right corner (replacing the 'R' key). * **HUD Elements:** * **Speedometer:** Digital display in MPH (bottom center). * **Money Counter:** Top-left corner (e.g., "$ 500"). * **Feedback:** Add slight **camera shake** when driving at max speed or upon impact to enhance the feeling of speed on small screens. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About MPH Online

MPH Online is an exciting multiplayer racing game that puts you behind the wheel of high-speed cars in an open city environment. Race through bustling streets, explore every corner of the urban landscape, and compete against other players in this action-packed online racing experience. The game combines exploration, collection mechanics, and competitive multiplayer racing into one thrilling package.

Core Features

Free-to-Play Multiplayer Racing

Jump into intense multiplayer races without spending a penny. MPH Online offers a complete racing experience that's accessible to everyone, with no hidden costs or premium barriers blocking your path to victory.

Open City Exploration

The game features a fully explorable city environment where you can drive freely, discover hidden areas, and find secret spots. Every street corner holds potential rewards and new racing opportunities.

Money Collection System

Scattered throughout the city, you'll find money pickups that serve as the game's primary currency. These collectibles are strategically placed in both obvious and hard-to-reach locations, encouraging thorough exploration and rewarding skilled driving.

Car Unlocking and Progression

Use collected money to unlock faster, more powerful vehicles. Each new car offers different performance characteristics, allowing you to find the perfect ride for your racing style and giving you an edge in multiplayer competitions.

Dynamic Multiplayer Events

The city hosts various multiplayer events and races that appear throughout the map. These events provide structured competition where you can prove your racing skills against other players and claim victory.

Gameplay Mechanics

MPH Online combines open-world exploration with competitive racing. Players start with a basic vehicle and must explore the city to collect money, which unlocks access to faster cars. The game encourages both casual exploration and competitive racing, as players can choose to focus on collection or jump straight into multiplayer events.

The city environment is designed with multiple layers of accessibility, meaning some money collectibles require creative driving or knowledge of hidden routes. This exploration element adds depth beyond simple racing, rewarding players who take time to learn the city layout.

Operation Guide

Basic Controls: - W Key : Accelerate forward - S Key : Reverse/brake - A and D Keys : Steer left and right - R Key : Respawn vehicle if flipped

Getting Started: 1. Use WASD keys to drive around the city 2. Look for glowing money items scattered throughout the streets 3. Collect money to unlock new, faster vehicles 4. Join multiplayer events marked on the map 5. Compete against other players for first place 6. Use the R key if your car gets stuck or flipped over

Why Play MPH Online

Perfect for Competitive Players

If you enjoy testing your racing skills against real opponents, MPH Online provides endless multiplayer competition. The variety of events and the progression system ensure that races remain challenging and rewarding.

Exploration and Collection Fun

Beyond racing, the game offers a satisfying exploration experience. Hunting for hidden money and discovering new areas of the city provides hours of entertainment even outside of competitive events.

Cross-Platform Accessibility

Play on any modern browser, whether you're on a desktop computer, laptop, or mobile device. The game's browser-based nature means you can jump into races anywhere without downloads or installations.

Social Racing Experience

Race alongside friends and players from around the world. The multiplayer focus creates a dynamic, ever-changing racing environment where every session brings new challenges and competitors.

Frequently Asked Questions (FAQ)