MR RACER - Car Racing

Seele01-Flash
By
MR RACER - Car Racing delivers heart-pounding street racing action with stunning supercars, challenging traffic scenarios, and multiple game modes. Race through diverse locations, earn money, and upgrade your dream car collection.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "MR RACER - Car Racing". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: High-octane arcade aesthetic. The lighting must mimic the "Golden Hour" sunset vibe seen in the reference image (warm oranges, yellows, and deep shadows). Use a warm-colored Fog (`0xffaa00`) to blend distant objects and optimize performance. * **Player Car**: A sleek, yellow low-poly supercar (resembling a Lamborghini) positioned in the lower center third of the screen. It should have a subtle reflection map to look premium. * **Environment**: An infinite scrolling highway system. * **Road**: Asphalt texture with moving white lane dividers to simulate speed. * **Scenery**: Simple low-poly trees and streetlights on the sides that move past the camera. * **Traffic**: Procedurally generated NPC vehicles (sedans, trucks, buses) with different colors (red, white, blue) that the player must avoid. * **Performance**: Use `InstancedMesh` for trees and repetitive environment objects to keep draw calls low for mobile devices. Use simple box geometries for traffic collision boxes. ### 2. Audio Requirements * **BGM**: Fast-paced, high-energy Electronic/Synthwave track that loops seamlessly to maintain adrenaline. * **Sound Effects (SFX)**: * **Engine**: A continuous engine hum that rises in pitch as the car's speed increases. * **Passing**: A "Whoosh" sound effect when the player narrowly dodges a traffic car (Near Miss). * **Impact**: A heavy metal crunch/glass breaking sound upon collision (Game Over). * **UI**: crisp "Click" sounds for menu buttons. ### 3. Gameplay Loop * **Core Mechanic**: Endless runner style. The car accelerates automatically (or holding screen to accelerate). The primary goal is to steer left and right to weave through increasingly dense traffic. * **Scoring**: * Score increases based on distance traveled. * **"Near Miss" Bonus**: Award extra points/cash for passing very close to an NPC car without crashing. * **Difficulty**: The global speed increases every 15 seconds, and traffic patterns become more erratic. * **Game Over**: Direct collision with any traffic vehicle stops the game instantly and shows a "Restart" menu with the final score. ### 4. Mobile Controls & Interaction * **Control Scheme**: **Split-Screen Touch**. * Tap/Hold **Left half** of the screen to steer Left. * Tap/Hold **Right half** of the screen to steer Right. * (Optional) Double tap to activate a momentary "Nitro" boost. * **Camera**: Follow camera (Third-person perspective) rigidly attached to the car's X-axis but slightly loose on the Z-axis to give a sense of acceleration (camera pulls back slightly at high speed). * **UI Layout**: * **Portrait/Landscape**: Design primarily for **Portrait Mode** (vertical) for one-handed play, as it suits highway lane switching well. * **HUD**: Top center for Score/Distance. Top right for Speed (km/h). * **Touch Feedback**: Trigger `navigator.vibrate(200)` upon crashing. Trigger a light `navigator.vibrate(50)` for "Near Miss" moments. * **Responsiveness**: Ensure touch event listeners (`touchstart`, `touchend`) prevent default browser scrolling behavior (`e.preventDefault()`). Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

MR RACER - Car Racing is an adrenaline-fueled racing experience that puts you behind the wheel of the world's most stunning supercars. Navigate through busy urban streets at breakneck speeds while dodging oncoming traffic and competing against skilled opponents. This free-to-play racing game combines realistic driving physics with arcade-style excitement, making it perfect for both casual players and racing enthusiasts.

Core Features

High-Speed Street Racing

Experience the thrill of racing through bustling city streets filled with traffic. Every race is a test of your reflexes and driving skills as you weave between cars, trucks, and buses while maintaining top speed.

Stunning Supercar Collection

Drive an impressive fleet of supercars, each with unique handling characteristics and visual appeal. From sleek sports cars to powerful muscle cars, find the perfect vehicle that matches your racing style.

Multiple Game Modes

Tackle various driving challenges across different game modes: - Career Mode : Progress through increasingly difficult races - Time Trial : Beat your best lap times - Traffic Challenge : Master the art of high-speed traffic navigation - Free Drive : Explore locations at your own pace

Diverse Racing Locations

Race through multiple stunning environments, from downtown city centers to scenic coastal highways. Each location offers unique challenges and breathtaking visuals that enhance the racing experience.

Vehicle Upgrade System

Earn money from successful races and invest in upgrading your car's performance. Improve acceleration, top speed, handling, and braking to gain the competitive edge needed to become the ultimate Mr. Racer.

Gameplay Mechanics

The game features intuitive controls that work seamlessly across all devices. Master the art of precision driving as you balance speed with safety, making split-second decisions to avoid crashes while maintaining your racing line.

Realistic Physics Engine

Experience authentic car handling with a physics system that responds to your every input. Feel the difference between each supercar's unique characteristics as you push them to their limits.

Operation Guide

Desktop Controls

  • Steer Left : A key or Left Arrow key
  • Steer Right : D key or Right Arrow key
  • Acceleration : W key or Up Arrow key
  • Brake : S key or Down Arrow key
  • Change Camera : C key
  • Horn : H key

Mobile Controls

On mobile devices, use intuitive touch controls with on-screen buttons for steering, acceleration, and braking. The responsive touch interface ensures smooth gameplay on phones and tablets.

Racing Tips

  • Start with easier races to master the controls and upgrade your starter car
  • Use the brake strategically before sharp turns to maintain control
  • Switch camera angles to find your preferred racing perspective
  • Watch traffic patterns to find the best overtaking opportunities
  • Upgrade your car's acceleration first for better race starts

Why Play This Racing Game

Completely Free : Enjoy the full racing experience without any cost. No hidden fees or premium subscriptions required.

Cross-Platform Compatibility : Play seamlessly on your computer, smartphone, or tablet. Your racing skills translate perfectly across all devices.

Instant Action : No downloads or installations needed. Jump straight into high-speed racing action through your web browser.

Progressive Challenge : Start as a novice and work your way up to becoming the ultimate Mr. Racer through skill development and car upgrades.

Stunning Visuals : Experience beautiful graphics with detailed car models and immersive racing environments that bring the street racing world to life.

Whether you're looking for a quick racing fix during a break or want to immerse yourself in an extended racing session, MR RACER - Car Racing delivers the perfect blend of excitement, challenge, and accessibility.

Frequently Asked Questions (FAQ)