2 Player City Racing

Seele01-Flash
By
2 Player City Racing is an exciting car racing simulator that lets you race through city streets alone or with friends. Choose from various vehicles and compete in thrilling races across urban environments.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**2 Player City Racing Mobile**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Low-poly, cartoonish 3D aesthetic similar to the reference image. Use a vibrant "Night City" color palette with deep purple/navy skies and warm yellow lighting from building windows. * **Models (Procedural Generation):** * **Vehicles:** Create 3 distinct chunky, low-poly vehicle types using basic primitives (BoxGeometry, CylinderGeometry): a Police Car (black/white with siren), an Ambulance (white/red with boxy rear), and a Heavy Dump Truck (yellow, large wheels). * **City:** Generate a grid-based city layout. Buildings should be simple extruded blocks with varied heights. Use emissive materials to simulate lit windows randomly on building facades. * **Props:** Place orange traffic cones and simple lampposts along the street edges. * **Lighting:** Use a dark purple fog (`scene.fog`) to hide draw distance (mobile optimization). Use a directional light for moon/street glow and attach two cone lights (SpotLight) to the front of the player's car to simulate headlights. * **Mobile Optimization:** Use instanced mesh rendering for repeating objects (cones, buildings) if possible, or merge geometries to reduce draw calls. Textures should be low resolution or vertex colors. ### 2. Audio Requirements * **BGM:** An energetic, looping "Arcade Synthwave" or "Eurobeat" style track that fits the night driving vibe. * **Sound Effects (Synthesis):** * **Engine:** A looping oscillator sound that increases in pitch based on the car's current speed. * **Drift/Skid:** White noise burst when turning sharply at high speeds. * **Impact:** Low-frequency thud when colliding with buildings or obstacles. * **Checkpoint:** A high-pitched "ding" or positive chime when passing a checkpoint. ### 3. Gameplay Loop * **Mode:** Single-player Arcade Racing (vs. Time or AI). *Note: While the original is 2-player, for this mobile web demo, focus on a solid single-player experience with AI bots.* * **Mechanics:** The player controls one car. 2 AI cars (the other vehicle types) race against the player. * **Physics:** Implement arcade-style car physics (not realistic simulation). The car should accelerate quickly, have a tight turning radius, and simple collision detection (bounce off buildings). No complex suspension needed, just keep the car grounded. * **Objective:** Race through a series of checkpoints (glowing tori or cylinders) generated procedurally through the city streets. The first to reach the final checkpoint wins. * **UI:** Display a "Position" counter (e.g., "1/3") and a "Lap" counter. ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Landscape Mode** is mandatory. Lock the container to landscape if possible or show a "Please Rotate Device" overlay. * **Touch Controls:** * **Left Thumb:** A virtual joystick or Left/Right arrow buttons for **Steering**. * **Right Thumb:** Two large, distinct buttons: **Gas** (Green, bottom right) and **Brake/Reverse** (Red, left of the gas). * **Camera:** Implement a **Third-Person Follow Camera**. The camera should smoothly follow the car (using `Vector3.lerp`) with a slight delay to create a sense of speed and weight. It should be positioned slightly above and behind the car. * **Feedback:** Add a simple "Camera Shake" effect (random jitter) when the car collides with a building or when driving at max speed. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

2 Player City Racing is a dynamic car racing simulator that brings the excitement of high-speed urban racing to your browser. This free online game offers both single-player and multiplayer modes, allowing you to race through detailed city environments with friends or challenge yourself against AI opponents. The game features colorful 3D graphics and smooth gameplay mechanics that make every race feel authentic and engaging.

Whether you prefer solo racing challenges or competitive multiplayer action, 2 Player City Racing delivers an immersive driving experience that captures the thrill of street racing without leaving your home.

Core Features

Versatile Game Modes

  • Single-Player Mode : Perfect your racing skills against AI opponents
  • Two-Player Mode : Compete head-to-head with friends on the same device
  • Free-Roam Driving : Explore the city at your own pace without time pressure

Diverse Vehicle Selection

The game showcases various vehicle types including sports cars, trucks, emergency vehicles, and construction machinery. Each vehicle offers unique handling characteristics and visual appeal, from sleek racing cars to heavy-duty trucks with realistic physics.

Urban Racing Environment

Race through a vibrant 3D city filled with detailed buildings, streets, and obstacles. The urban setting provides multiple racing routes and challenges, with traffic cones, barriers, and city infrastructure adding strategic elements to each race.

Instant Browser Gaming

No downloads required - simply open your browser and start racing immediately. The game runs smoothly on both desktop computers and mobile devices, making it accessible anywhere you have an internet connection.

Game Gameplay

Racing Mechanics

Compete in exciting races where speed, skill, and strategy determine the winner. Navigate through city streets, avoid obstacles, and use shortcuts to gain advantages over your opponents. The realistic physics engine ensures that each vehicle feels unique and responsive.

Multiplayer Competition

Challenge friends in split-screen racing action. The two-player mode allows for intense head-to-head competitions where you can prove who's the better driver. Race side-by-side and watch as your opponent "eats your dust" when you cross the finish line first.

Operation Guide

The game features intuitive controls that are easy to learn but challenging to master:

  • Forward Movement : Press W key or Up arrow key to accelerate
  • Reverse/Brake : Press S key or Down arrow key to slow down or reverse
  • Steering : Use A/D keys or Left/Right arrow keys to change direction
  • Camera Control : Adjust your viewing angle for optimal racing visibility

Tips for Success

  • Master the art of taking corners at optimal speeds
  • Learn each track layout to identify the best racing lines
  • Use the handbrake strategically for tight turns
  • Watch your opponents' movements to anticipate their strategies

Why Play This Game

2 Player City Racing stands out in the crowded racing game market for several compelling reasons:

Accessibility : Completely free to play with no hidden costs or premium content locks. Jump into races immediately without lengthy tutorials or complicated setup processes.

Social Gaming : The split-screen multiplayer mode makes it perfect for gaming sessions with friends, family gatherings, or competitive challenges. Share the excitement of racing with others on the same screen.

Varied Gameplay : Unlike many racing games that focus solely on sports cars, this simulator includes diverse vehicles from emergency services to construction equipment, each offering unique driving experiences.

Skill Development : Improve your reflexes, spatial awareness, and strategic thinking as you navigate complex urban environments and compete against skilled opponents.

Stress Relief : Racing games provide an excellent outlet for stress relief, allowing you to experience high-speed thrills in a safe, virtual environment.

Frequently Asked Questions (FAQ)