Sky Riders - High-Speed Sky Racing Adventure

Seele01-Flash
By
Sky Riders is an exhilarating 3D racing game where you drive cars and motorcycles through gravity-defying sky tracks. Master 30 challenging aerial courses with realistic physics and perform spectacular stunts in this free online racing adventure.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "Sky Riders". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style**: Adopts a **Cel-Shaded / Toon-style** aesthetic with bold black outlines (using the inverted hull method or post-processing). The look should be vibrant and arcade-like, not photorealistic. * **Key Models**: * **Vehicles**: Low-poly sports cars and motocross bikes. Vehicles must have visible suspension movement. The bike rider should resemble an orange **crash test dummy**. * **Track**: Modular 3D track segments floating in mid-air. Textures should be simple: grey asphalt with red-and-white striped curbs (racing style). Include ramps, loops, and banked curves. * **Skybox**: A bright, high-saturation blue sky with fluffy, slowly moving white clouds to emphasize altitude. * **Mobile Optimization**: * Use low polygon counts for all models (budget < 20k triangles for the scene). * Use simple `MeshToonMaterial` or unlit materials with baked lighting to save GPU resources. * Implement a fog effect at the bottom of the Y-axis to hide the "void." ### 2. Audio Requirements * **BGM**: Fast-paced, high-energy **Arcade Rock or Synth-wave** track that loops seamlessly to maintain adrenaline. * **Sound Effects (SFX)**: * **Engine**: continuous loop with pitch shifting based on vehicle speed. * **Tires**: Screeching sound when drifting or turning sharply. * **Wind**: Whooshing noise that increases in volume as the vehicle accelerates. * **Fail**: A comedic "falling whistle" followed by a distant thud when the player falls off the track. * **UI**: Sharp mechanical clicks for button presses. ### 3. Gameplay Loop * **Core Mechanic**: The player drives a vehicle along a treacherous, narrow track suspended in the sky. The goal is to reach the finish line without falling off. * **Physics**: Implement **arcade vehicle physics** (using a library like Cannon.js or Ammo.js). The cars should feel heavy but grippy, while bikes are more agile but unstable. Drifting mechanics are essential. * **Win Condition**: Crossing the checkered finish line triggers a confetti particle explosion and a "Level Complete" UI overlay. * **Fail Condition**: If the vehicle's Y-coordinate drops below a certain threshold (falling off the track), trigger a "Wasted" state and auto-respawn at the last checkpoint (or start). * **Progression**: 30 levels of increasing difficulty, introducing gaps to jump over and tighter curves. ### 4. Mobile Controls & Interaction * **Orientation**: Locked to **Landscape Mode**. * **Touch Controls (UI Overlay)**: * **Left Side**: Two large arrow buttons (Left / Right) for steering. * **Right Side**: Two pedal buttons—a large "Gas" button and a smaller "Brake/Reverse" button. * **Handbrake**: A smaller circular button near the brake for drifting. * **Camera**: A smooth **Follow Camera** that trails behind the vehicle. It should have a slight "lag" (Lerp) to convey speed and acceleration. When the car falls, the camera should tilt down to watch it fall. * **Haptic Feedback**: Trigger short vibrations (using `navigator.vibrate`) when landing a jump or crashing into a barrier. * **UI Elements**: Minimalist HUD showing Speedometer (digital) and Level Progress bar at the top. All buttons must have a hit area of at least 44x44px for accessibility. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Sky Riders

Sky Riders takes racing to new heights - literally! This innovative 3D driving game challenges you to navigate cars and motorcycles through spectacular sky-high tracks suspended in mid-air. With its unique blend of realistic physics and arcade-style excitement, Sky Riders offers an unforgettable racing experience that pushes your driving skills to the limit.

Unlike traditional ground-based racing games, Sky Riders elevates the genre by placing you on narrow, winding tracks high above the clouds. Every turn, jump, and acceleration requires precision and focus as one wrong move could send you plummeting into the void below.

Core Features

Dual Vehicle Experience

Choose between sleek sports cars and agile motorcycles, each offering a completely different driving experience. Cars provide stability and power, while motorcycles offer nimble handling and the ability to perform more daring stunts.

30 Challenging Sky Tracks

Conquer an extensive collection of meticulously designed aerial circuits. Each track presents unique obstacles, sharp turns, loops, and death-defying jumps that will test even the most experienced virtual drivers.

Realistic Physics Engine

The game features advanced physics simulation that makes every movement feel authentic. Vehicle weight, momentum, and aerodynamics all play crucial roles in your success, creating a more immersive and challenging racing experience.

Spectacular Stunt Opportunities

Master incredible aerial maneuvers as you navigate through loop-the-loops, massive jumps, and gravity-defying sections. The sky-high setting provides endless opportunities for breathtaking stunts and heart-stopping moments.

Cross-Platform Accessibility

Enjoy Sky Riders on any device with web browser support, including desktop computers, laptops, tablets, and smartphones. The game is also available as an Android app for mobile gaming convenience.

Gameplay Guide

Basic Controls

  • Movement : Use WASD keys or arrow keys to control your vehicle
  • Forward/Backward : W or Up arrow for acceleration, S or Down arrow for reverse
  • Steering : A/D or Left/Right arrows for turning
  • Emergency Stop : Space bar acts as handbrake for sudden stops
  • Interface : Left mouse button for menu interactions and UI elements

Mastering the Sky Tracks

Success in Sky Riders requires a combination of speed, precision, and patience. Start each track by familiarizing yourself with the layout, identifying key turns and jump points. Maintain steady speed through curves and use the handbrake strategically to avoid overshooting narrow sections.

Vehicle Selection Strategy

Cars excel on tracks with long straightaways and require stability, while motorcycles are ideal for tracks with tight corners and technical sections. Experiment with both vehicle types to discover your preferred playstyle.

Why Play Sky Riders

Unique Racing Experience : Sky Riders offers something completely different from traditional racing games. The aerial setting creates a sense of danger and excitement that keeps you on the edge of your seat.

Free and Accessible : Enjoy the full game experience without any cost. No downloads required - simply open your browser and start racing immediately.

Progressive Challenge : With 30 tracks of increasing difficulty, Sky Riders provides long-term entertainment value. Each completed track unlocks new challenges and more complex aerial circuits.

Stunning Visual Design : The combination of realistic vehicle models and fantastical sky environments creates a visually impressive gaming experience that looks great on any device.

Perfect for All Skill Levels : Whether you're a casual gamer looking for quick thrills or a racing enthusiast seeking technical challenges, Sky Riders adapts to your skill level while always providing room for improvement.

Frequently Asked Questions (FAQ)