Survival Race - Online Racing Game

Seele01-Flash
By
Survival Race is an exciting online racing game that challenges your driving skills and reflexes. Navigate through intense racing scenarios while avoiding obstacles and competing for the best time.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Survival Race - Top-Down F1 Arcade**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** Create a clean, flat-shaded, "Vector Art" aesthetic using Three.js primitives. The look should mimic high-quality 2D vector graphics but in a 3D space (orthographic projection preferred). * **Player Car:** A sleek, red Formula 1-style car. Build this using simple geometries (BoxGeometry, CylinderGeometry) merged together. It should have a distinct front nose, a rear spoiler, and four black tires with white stripe details (as seen in the reference). Apply a subtle drop shadow beneath the car to separate it from the ground. * **The Track:** An infinite scrolling asphalt road (grey color hex #555555). The road must have animated white dashed lane lines to convey high speed. Add subtle darker grey circular spots randomly scattered on the asphalt to break up the texture. * **Obstacles:** * **Enemy Cars:** Similar F1 geometry but in different colors (Blue, Green, Yellow). * **Oil Slicks:** Black, irregular flat shapes on the road that cause spin-outs. * **Barriers:** Concrete blocks or traffic cones on the sides. * **Performance:** Use `InstancedMesh` for repeated elements (like lane markers or debris) to ensure 60FPS on mobile devices. Use simple materials (`MeshLambertMaterial` or `MeshBasicMaterial`) to reduce rendering cost. ### 2. Audio Requirements * **BGM (Background Music):** A fast-paced, high-energy Synthwave or Chiptune track. It should feel urgent and retro-arcadey. * **SFX (Sound Effects):** * **Engine:** A continuous looping engine hum that pitches up slightly when the speed increases. * **Lane Change:** A quick "swish" or tire screech sound when swiping. * **Crash:** A crunchy, 8-bit explosion sound for game over. * **Collect:** A satisfying "ding" or high-pitched chime for collecting coins/power-ups. ### 3. Gameplay Loop * **Core Mechanic:** An endless runner style racing game. The car moves forward automatically at an increasing speed. The player's goal is to survive as long as possible. * **Controls Logic:** The car has discrete lane positions (e.g., 3 or 4 lanes). The player switches lanes to avoid incoming traffic. * **Scoring:** Score increases based on distance traveled. Bonus points for "Close Calls" (passing an enemy car very closely without crashing). * **Difficulty:** The scrolling speed increases every 10 seconds. Enemy cars start appearing more frequently and changing lanes unpredictably. * **Game Over:** Any collision with an enemy car or barrier ends the run immediately. Hitting an oil slick causes a temporary loss of control (input blocked for 0.5s). ### 4. Mobile Controls & Interaction * **Screen Orientation:** Portrait mode (Vertical) is preferred for one-handed play, fitting the top-down perspective perfectly. * **Touch Controls:** * **Swipe Left/Right:** Instant lane change. The movement should be snappy (Lerp with a fast speed), not sluggish. * **Tap:** Brake (slow down slightly to time a dodge). * **UI Layout:** * **Score:** Large, bold font at the top center, readable against the grey road. * **Start/Restart Button:** A large, thumb-friendly button (minimum 60px height) appearing in the center of the screen on Game Over. * **Feedback:** * **Visual:** When changing lanes, the car should bank (tilt) slightly to the side for dynamic effect. Screen shake intensity should scale with speed upon crashing. * **Haptic:** Trigger a short vibration (`navigator.vibrate(20)`) on lane changes and a long vibration (`navigator.vibrate(200)`) on crash. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About the Game

Survival Race is a thrilling HTML5 racing game that puts your driving skills to the ultimate test. This fast-paced racing experience combines classic arcade-style gameplay with modern browser technology, delivering smooth performance across all devices. Whether you're a casual gamer or a racing enthusiast, Survival Race offers an engaging challenge that will keep you coming back for more.

The game features a sleek top-down perspective that gives you full control over your racing vehicle. With its intuitive controls and responsive gameplay, you'll be weaving through traffic and obstacles in no time.

Core Features

Cross-Platform Compatibility

  • Universal HTML5 Technology : Runs seamlessly on any modern web browser
  • Desktop & Mobile Support : Perfect performance on computers, tablets, and smartphones
  • No Download Required : Start playing instantly without installation
  • Responsive Design : Automatically adapts to your screen size for optimal gaming experience

Engaging Racing Gameplay

  • Skill-Based Challenges : Test your reflexes and precision driving abilities
  • Progressive Difficulty : Each level becomes more challenging as you advance
  • Smooth Controls : Responsive steering and acceleration for precise maneuvering
  • Arcade-Style Action : Fast-paced gameplay that's easy to learn but hard to master

Visual Excellence

  • Clean Graphics : Minimalist design that focuses on gameplay clarity
  • Vibrant Colors : Eye-catching red racing car with distinctive styling
  • Optimized Performance : Smooth 60fps gameplay across all supported devices

Game Mechanics

Survival Race challenges players to navigate their vehicle through increasingly difficult racing scenarios. The objective is to maintain control of your car while avoiding obstacles and other vehicles on the track. Success requires quick reflexes, strategic thinking, and precise timing.

The game's top-down perspective provides excellent visibility of the racing environment, allowing you to anticipate challenges and plan your moves accordingly. Each race tests different aspects of your driving skills, from basic steering control to advanced maneuvering techniques.

Controls Guide

The game features intuitive controls designed for both desktop and mobile play:

  • Desktop : Use arrow keys or WASD for steering and acceleration
  • Mobile : Touch controls with on-screen directional buttons
  • Universal : Simple tap-to-steer mechanics for quick gameplay sessions

The responsive control system ensures that your vehicle reacts immediately to your input, providing the precision needed for successful racing.

Why Play Survival Race

Survival Race stands out in the crowded racing game market for several compelling reasons:

Instant Accessibility : No downloads, registrations, or complex setups required. Simply open your browser and start racing within seconds.

Perfect for All Skill Levels : Whether you're new to racing games or a seasoned pro, the game offers challenges appropriate for your skill level.

Stress-Free Gaming : The clean, minimalist design creates a focused gaming environment without distracting elements.

Mobile-Friendly : Enjoy the full racing experience on your smartphone or tablet with touch-optimized controls.

Regular Practice : Short game sessions make it perfect for quick breaks or extended gaming marathons.

The game serves as an excellent introduction to racing games for newcomers while providing enough challenge to satisfy experienced players looking for a quick racing fix.

Frequently Asked Questions (FAQ)