Urban Racer - Open World Driving Adventure

Seele01-Flash
By
Urban Racer delivers the ultimate open-world driving experience where the entire city becomes your racing playground. Speed through downtown streets, drift along sandy beaches, and complete thrilling missions while unlocking unique vehicles.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Urban Racer**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** High-energy "Arcade Reality". Use a vibrant, saturated color palette (bright blues for the sky/ocean, warm asphalt grays, and pop colors for cars). * **Hero Asset (The Car):** Generate a **Red Muscle Car** composed of geometric primitives (BoxGeometry/CylinderGeometry) with white racing stripes down the center and a spoiler on the back. It should look aggressive and speedy. * **Environment:** A coastal city highway. * **Road:** A wide 3-lane highway with yellow lane markers. * **Scenery:** On the left, a blue ocean mesh with simple floating boat shapes. On the right, a cityscape with low-poly skyscrapers. * **Vegetation:** Place low-poly Palm Trees (brown cylinder trunks, green cone/plane leaves) lining the road divider and sidewalks. * **Mobile Optimization:** Use `InstancedMesh` for repeated objects like palm trees and buildings to maintain high FPS on mobile devices. Use a simple `Fog` (color: #ffeedd) to hide the draw distance and create a sunny atmosphere. ### 2. Audio Requirements * **BGM:** A high-tempo, energetic Synth-wave or Summer Pop-Rock track (looping). * **Sound Effects (SFX):** * **Engine:** A continuous low-frequency hum that rises in pitch as the car accelerates. * **Tires:** A high-pitched "screech" sound when turning sharply or braking hard. * **Collision:** A metallic "thud" or "crunch" when hitting obstacles. * **Success:** A satisfying "ching" or "whoosh" sound when passing a checkpoint or collecting a coin. ### 3. Gameplay Loop * **Core Mechanic:** Infinite runner/driver style. The car moves forward automatically (auto-accelerate) or controlled by a gas pedal. The player must dodge traffic and obstacles. * **Physics:** Arcade-style physics. Gravity should be slightly exaggerated (heavy) to keep the car planted, but steering should be snappy and responsive. * **Mission/Scoring:** * Avoid colliding with "Traffic Cars" (randomly generated low-poly cars in other lanes). * Collect floating "Nitro Canisters" (blue cylinders) or "Coins" (yellow toruses) to increase score. * **Game Over:** The game ends if the player crashes into a traffic car or a wall. * **Win/Progression:** Score increases with distance traveled. ### 4. Mobile Controls & Interaction * **Screen Orientation:** Forced **Landscape Mode** via CSS/UI logic. * **Touch Controls (UI Overlay):** * **Left Side of Screen:** Two large, semi-transparent buttons for steering: **[< Left]** and **[Right >]**. * **Right Side of Screen:** Two large buttons: **[Gas / Boost]** (larger) and **[Brake]** (smaller). * **Visual Feedback:** * When the car hits top speed, add a slight "Camera Shake" effect or speed lines (particle system) at the edges of the screen. * Buttons should scale down slightly when pressed to indicate touch registration. * **Responsiveness:** Ensure the camera follows the car smoothly but with a slight delay (Lerp) to simulate speed and weight. The UI must use `touch-action: none` to prevent browser scrolling. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Urban Racer

Urban Racer is a thrilling open-world driving adventure that transforms an entire city into your personal racing playground. This free-to-play 3D racing game combines high-speed action with exploration freedom, allowing players to speed through busy downtown streets, drift along scenic sandy beaches, and race past vibrant shopping districts. With its stunning graphics and realistic physics engine, Urban Racer offers an immersive driving experience that appeals to racing enthusiasts of all skill levels.

Core Features

Complete Open-World Freedom

Unlike traditional racing games that confine you to predetermined tracks, Urban Racer gives you complete freedom to explore every corner of a bustling metropolis. Drive wherever you want, whenever you want - from narrow alleyways to wide highways, from beachfront roads to mountain passes.

Diverse Urban Environments

The game features multiple distinct zones including: - Downtown District : Navigate through traffic-filled city streets with towering skyscrapers - Beach Areas : Enjoy scenic coastal drives with sandy shores and ocean views - Shopping Districts : Race through lively commercial areas with bustling pedestrian activity - Industrial Zones : Test your skills in challenging warehouse and factory areas

Exciting Mission System

Take on thrilling missions that challenge your driving abilities: - Time-based delivery challenges - High-speed pursuit scenarios - Precision driving tests - Exploration and discovery missions

Vehicle Collection and Customization

Unlock a diverse fleet of unique cars, each with distinct performance characteristics. From speedy sports cars to powerful muscle cars, find the perfect vehicle that matches your driving style. Customize and upgrade your rides to dominate the streets.

Gameplay Experience

Realistic 3D Graphics

Urban Racer features stunning 3D visuals that bring the city to life. Experience dynamic lighting effects, realistic car physics, and detailed environmental elements that create an authentic urban driving atmosphere.

Smooth Cross-Platform Performance

Optimized for both desktop and mobile devices, the game delivers consistent performance across all platforms. Whether you're playing on a powerful PC or a smartphone, expect smooth framerates and responsive controls.

Operation Guide

Master the streets with intuitive controls designed for both beginners and experienced drivers:

  • Accelerate : W key or Up Arrow key - Push your vehicle to maximum speed
  • Brake/Reverse : S key or Down Arrow key - Control your speed and navigate tight corners
  • Steering : A/D keys or Left/Right Arrow keys - Precise steering control for optimal handling
  • Camera Control : Mouse movement for optimal viewing angles

Pro Driving Tips

  • Use braking strategically before sharp turns to maintain control
  • Learn each vehicle's handling characteristics for optimal performance
  • Explore different routes to discover shortcuts and hidden areas
  • Practice drifting techniques on beach areas with looser sand surfaces

Why Play Urban Racer

Completely Free Gaming Experience

Urban Racer is 100% free to play with no hidden costs or mandatory purchases. Access all content, vehicles, and missions without spending a dime.

No Download Required

Jump straight into the action through your web browser. No lengthy downloads, installations, or storage space concerns - just instant racing fun.

Perfect for All Skill Levels

Whether you're a casual driver looking for relaxing exploration or a hardcore racer seeking intense challenges, Urban Racer accommodates all playstyles with adjustable difficulty and diverse mission types.

Regular Content Updates

The game world continuously evolves with new areas to explore, additional vehicles to unlock, and fresh missions to conquer, ensuring long-term entertainment value.

Social and Competitive Elements

Compete for best times, share achievements, and challenge friends in this engaging driving adventure that combines single-player freedom with competitive elements.

Frequently Asked Questions (FAQ)