Racing Builder - Car Customization Racing Game

Seele01-Flash
By
Racing Builder is an innovative strategy racing game where you build and customize your vehicle in real-time while racing. Adapt your car's wheels, body, and add-ons on the fly to conquer challenging obstacle courses.

Prompt

MODEL: Seele01-Flash
Please use Three.js to generate a **mobile-first game** with the theme "**Racing Builder**". Please read the following detailed game design requirements first, and then generate the code accordingly: ### 1. Assets & Environment * **Visual Style:** 2.5D Side-Scroller perspective. Use a vibrant, "Toon-shaded" or Low-Poly art style similar to casual hyper-casual games. Colors should be highly saturated (bright yellow cars, deep blue sky/water, stark red/white obstacles). * **Camera:** Fixed side-view camera that follows the player's car, slightly elevated to show the 3D depth of the track. * **Car Models:** A modular car system. The car chassis must be able to visually "snap" and swap parts instantly. * *Wheels:* Round (default), Square (heavy traction), Triangular (climbing). * *Bodies:* Sport (light/fast), Jeep (heavy/stable), Limo (long). * *Add-ons:* Wings (gliding), Propeller (lift), Turbo/Rocket (speed boost). * **Environment Generation:** An endless or level-based procedural track generation. * *Track Elements:* Asphalt roads, rocky terrains, water gaps, and steep angular hills. * *Background:* Simple parallax scrolling layers (clouds, distant trees) to convey speed without heavy rendering cost. * **Performance:** strict mobile optimization. Use instanced meshes for track segments. Limit dynamic lights; use baked lighting or a simple hemisphere light setup. ### 2. Audio Requirements * **BGM:** Upbeat, fast-paced arcade-style synth-pop track. High energy to induce a sense of urgency. * **SFX:** * **Morphing/Building:** A distinct mechanical "ratchet" or "clank" sound whenever the player swaps a part (crucial for feedback). * **Engine:** Continuous engine hum that pitches up with speed. * **Environment:** "Splash" sound for water, "thud" for landing heavy jumps. * **UI:** crisp "click" sounds for button presses. ### 3. Gameplay Loop * **Core Mechanic:** The player's car moves forward automatically (auto-runner). The player races against a simple AI bot car on a parallel track. * **The "Build" Logic:** The terrain changes dynamically. The player must observe the upcoming terrain and swap parts in real-time to maintain speed. * *Logic Table:* * Flat Road -> Round Wheels + Sport Body. * Rocks/Stairs -> Square/Triangular Wheels + Jeep Body. * Water/Gap -> Wings + Propeller. * **Win/Loss Condition:** * *Win:* Cross the finish line before the AI bot. * *Loss:* Get stuck on an obstacle for too long (falling off screen) or finish behind the bot. * **Progression:** Score based on distance traveled and "perfect swaps" (changing parts at the exact right moment). ### 4. Mobile Controls & Interaction * **Screen Orientation:** Landscape mode (preferred for racing view) or Portrait (if vertical verticality is emphasized, but Landscape is better for this specific genre). * **UI Layout (HUD):** * Place a **"Construction Dashboard"** at the bottom of the screen. * **3 Distinct Control Zones/Buttons:** 1. **Wheel Selector:** Tapping cycles through [Round -> Square -> Triangle]. 2. **Body Selector:** Tapping cycles through [Sport -> Jeep -> Limo]. 3. **Add-on Selector:** Tapping toggles [None -> Wings -> Propeller]. * **Touch Targets:** Buttons must be large (minimum 60x60 pixels on high DPI screens) and separated to prevent mis-clicks. * **Feedback:** * **Haptic Feedback:** Trigger a short vibration (using `navigator.vibrate`) whenever a part is successfully swapped. * **Visual Feedback:** A "poof" particle effect or a white flash on the car model when a transformation occurs to mask the model swap. Do not ask for clarification. Do not request confirmation. Directly execute the generation task based on the given instructions.

Game Introduction

About Racing Builder

Racing Builder is a revolutionary casual strategy game that merges high-speed racing with real-time vehicle customization. Unlike traditional racing games, you must adapt your car's configuration on the fly - changing wheels, modifying the body, and adding specialized equipment while speeding through challenging obstacle courses. This unique gameplay mechanic creates an exciting blend of strategy and arcade racing that keeps players engaged.

Core Features

Real-Time Vehicle Customization

The game's standout feature is the ability to modify your vehicle during the race. As you encounter different terrain types and obstacles, you can instantly swap components to optimize performance:

  • Dynamic Wheel System : Choose from round wheels for speed, triangular wheels for climbing, square wheels for stability, or unlock advanced octagonal and star-shaped options
  • Adaptive Body Types : Switch between lightweight frames for maximum speed, rugged jeep bodies for difficult terrain, or extended chassis for special challenges
  • Power-Up Add-ons : Attach propellers for aerial sections, wings for gliding over gaps, or turbo boosters for speed bursts

Strategic Racing Gameplay

Every race is a puzzle that requires quick thinking and smart adaptation. The obstacle courses feature varied terrain that demands different vehicle configurations, making each level a unique strategic challenge.

Free-to-Play Experience

Enjoy the complete Racing Builder experience at no cost. All customization options, tracks, and features are available for free through your web browser.

Game Mechanics

Customization System

The three-tier modification system allows you to adjust: 1. Wheels : Different shapes provide unique advantages for various obstacles 2. Body : Vehicle frame affects speed, stability, and obstacle clearance 3. Add-ons : Special equipment for specific challenges like jumps or speed sections

Racing Strategy

Success requires understanding when to use each component type. Angular obstacles need square or triangular tires with heavier vehicles, while speed sections benefit from lightweight setups with wings or turbo boosters.

How to Play

Basic Controls

  • Left Mouse Button : Select and apply vehicle modifications
  • Number Keys (1, 2, 3) : Quick switch between wheel, body, and add-on selection modes
  • Real-time Adaptation : Modify your vehicle while racing to match upcoming obstacles

Gameplay Flow

  1. Race against AI opponents on obstacle-filled tracks
  2. Analyze upcoming terrain and obstacles
  3. Use mouse controls to select appropriate modifications
  4. Apply changes instantly while maintaining racing speed
  5. Earn points for successful completion and vehicle performance
  6. Use points to unlock advanced customization options

Winning Strategy

Master the art of quick decision-making. Successful players learn to anticipate obstacle types and pre-select appropriate modifications. The key is balancing speed with adaptability - sometimes a slower, more stable configuration wins over pure speed.

Platform Support

Racing Builder runs directly in your web browser without downloads or installations. The game is compatible with: - Windows, Mac, and Linux computers - Modern web browsers (Chrome, Firefox, Safari, Edge) - Both desktop and mobile devices - No additional software required

Why Play Racing Builder

This game offers a unique twist on racing that you won't find elsewhere. The combination of strategy and speed creates addictive gameplay that challenges both your reflexes and problem-solving skills. Whether you enjoy racing games, puzzle games, or strategy titles, Racing Builder delivers a fresh experience that keeps you coming back for more challenging tracks and creative solutions.

Frequently Asked Questions (FAQ)