Xtreme City Drifting

Seele01-Flash
By
Xtreme City Drifting is an adrenaline-pumping 3D racing game where you master the art of drifting through vibrant city streets. Choose from over 10 unique cars, earn cash through skillful maneuvers, and outrun relentless police pursuit.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Xtreme City Drifting". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** "Arcade Realism" with a high-contrast, sunset/dusk urban aesthetic. The color palette should feature deep blues for shadows and intense oranges/reds for light sources (mimicking the reference image). * **Car Models:** Use optimized low-poly sports car models (approx. 1500-2500 triangles) with `MeshStandardMaterial`. The car paint must have high roughness/metalness settings to reflect the environment. Include a simple police cruiser model. * **Environment (The City):** A modular urban track featuring skyscrapers (simple boxes with window textures), streetlights, and barriers. * **Road Surface:** Crucial for the "wet look" seen in the reference. Use a dark asphalt texture with a high specular map to simulate wet reflections. * **VFX:** * **Drift Smoke:** Particle system (`THREE.Points`) emitting white/grey puffs from rear wheels when drifting. * **Skid Marks:** Decals generated on the road surface trailing behind tires during drifts. * **Motion Blur:** Implement a lightweight post-processing effect to enhance the sense of speed. * **Mobile Optimization:** Use texture atlases for buildings to reduce draw calls. Use baked lighting for static geometry instead of real-time shadows. Limit active lights to the car headlights and key environmental lights. ### 2. Audio Requirements * **BGM:** High-energy Phonk or Drum & Bass track with a heavy bassline to match the "Xtreme" racing vibe. * **Sound Effects (SFX):** * **Engine:** Dynamic pitch shifting based on the car's speed (using `Web Audio API`). * **Tires:** A screeching loop that plays only when the car's slip angle exceeds a certain threshold (drifting). * **Impact:** Metal crunch sounds for collisions with walls or police. * **UI:** Digital "cash register" sound when drift points are banked. * **Police:** Siren loops that increase in volume as police units get closer. ### 3. Gameplay Loop * **Drifting Mechanics:** The core mechanic is Arcade Physics (not simulation). Steering should feel snappy. Implementing a "Drift Assist" where tapping the handbrake automatically snaps the car into a slide angle is essential for mobile playability. * **Scoring System:** * Calculate `Drift Score` based on: `Drift Angle` x `Speed` x `Duration`. * Display a dynamic counter on screen. Score is "Banked" (converted to Cash) only when the drift ends successfully without crashing. * **Police Chase:** * Police cars spawn and chase the player if the "Wanted Meter" fills up. * Police AI uses simple pathfinding to ram the player. * **Lose Condition:** Car Health reaches 0 (due to police damage or wall impacts). * **Progression:** The player starts with a basic car. Earning cash allows for unlocking a "Nitro" upgrade (speed boost). ### 4. Mobile Controls & Interaction * **Screen Orientation:** **Landscape Mode** only. * **Touch Controls (UI Layout):** * **Left Side:** Two large, semi-transparent arrows (Left/Right) for steering. Alternatively, a virtual joystick option. * **Right Side:** * **Pedals:** Gas (bottom right) and Brake/Reverse (bottom left of the cluster). * **Handbrake:** A large, prominent circular button (essential for the drift mechanic). * **Nitro:** A smaller button above the Gas pedal (active only when charge is available). * **Haptic Feedback:** Trigger the device's vibration API (`navigator.vibrate`) when the car collides with objects or when a drift combo is banked. * **Camera:** A third-person "Chase Camera" that smoothly follows the car. It should have a slight lag (Lerp) to emphasize acceleration and drift angles. Add a "Camera Shake" effect on high-speed impacts. * **UI Scaling:** Ensure all buttons have a minimum touch target size of 48x48px and are positioned away from the screen edges to prevent accidental swipe gestures. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Xtreme City Drifting delivers the ultimate street drifting experience in a stunning 3D city environment. This high-octane racing game challenges you to perfect the art of controlled slides while navigating through bustling urban landscapes. With over 10 unique vehicles to unlock and master, each drift earns you valuable cash while keeping you one step ahead of pursuing law enforcement.

Core Features

Extensive Car Collection

Choose from more than 10 distinctive vehicles, each offering unique handling characteristics and visual styles. From sleek sports cars to powerful muscle cars, every vehicle provides a different drifting experience that will test your skills and adaptability.

Dynamic Police Chase System

Stay alert as relentless police forces patrol the streets, ready to confiscate your hard-earned money. The constant threat of law enforcement adds an extra layer of excitement and strategy to every drift session.

Progressive Upgrade System

Earn cash through spectacular drifting maneuvers and invest in vehicle upgrades. Enhance your car's performance, appearance, and handling to tackle increasingly challenging drift scenarios.

Immersive 3D City Environment

Experience realistic urban environments with detailed graphics and dynamic lighting. The vibrant city streets provide the perfect backdrop for showcasing your drifting prowess.

Advanced Drift Physics

Enjoy realistic drift mechanics that reward skill and precision. Master the balance between speed, angle, and control to execute perfect drifts and maximize your score.

Game Mechanics

Earning System

Your primary objective is to perform spectacular drifts to earn cash. Longer, more controlled drifts yield higher rewards, encouraging you to push your limits while maintaining vehicle control.

Police Evasion

Successfully avoiding police encounters protects your earnings and allows for uninterrupted drift sessions. Use your knowledge of the city layout and superior driving skills to outmaneuver law enforcement.

Vehicle Progression

As you accumulate wealth, unlock new vehicles and upgrade existing ones. Each car offers different drift characteristics, allowing you to find your perfect match or adapt to various challenge scenarios.

Operation Guide

Mastering Xtreme City Drifting requires understanding the intuitive control scheme:

  • W Key : Accelerate forward and build momentum for drifts
  • S Key : Apply brakes or reverse when needed
  • A/D Keys : Steer left and right to initiate and control drift angles
  • Space Bar : Engage handbrake for sharp turns and drift initiation
  • Shift Key : Activate nitro boost for explosive acceleration
  • R Key : Repair vehicle damage during gameplay
  • Tab Key : Pause the game and access menus

Pro Drifting Tips

  1. Initiate Drifts Smoothly : Use a combination of steering input and handbrake to start controlled slides
  2. Maintain Momentum : Keep your speed balanced - too fast leads to crashes, too slow breaks the drift
  3. Chain Drifts : Link multiple drifts together for maximum score multipliers
  4. Use Nitro Strategically : Save boost for escaping police or extending impressive drift chains
  5. Learn the Streets : Familiarize yourself with city layouts to plan optimal drift routes

Why Play This Game

Xtreme City Drifting stands out as the premier browser-based drifting experience for several compelling reasons:

Instant Accessibility : No downloads required - jump straight into heart-pounding drift action through your web browser. The game loads quickly and runs smoothly on both desktop and mobile devices.

Skill-Based Progression : Unlike luck-based games, your success depends entirely on developing real driving skills. Every crash teaches you something new, and every perfect drift feels earned through practice and dedication.

Endless Replay Value : With multiple cars to master, various city districts to explore, and an ever-present police threat, no two gaming sessions feel identical. The combination of skill improvement and vehicle progression creates a compelling long-term experience.

Free-to-Play Excellence : Experience premium racing game quality without any cost barriers. All cars, upgrades, and features are unlockable through gameplay achievement rather than financial investment.

Community Challenge : Compare your drifting skills with players worldwide as you strive to achieve the longest drifts, highest scores, and most successful police evasions.

Whether you're a racing game veteran or newcomer to the drifting scene, Xtreme City Drifting offers the perfect blend of accessibility and depth to keep you engaged for hours.

Frequently Asked Questions (FAQ)