Neon Drift: a free 3D synthwave endless drift racer

Ready

Neon Drift

Steer with A / D or the arrow keys. Hold Shift through a corner to drift and charge boost, then release to fire it.

Runs played: 0 · Best distance: 0 m

Neon Drift is a free 3D endless racer that runs entirely inside your browser tab. The car accelerates on its own down a magenta-and-cyan grid highway, so you control exactly two things: steer with A and D or the left and right arrow keys, and hold Shift to drift. Drifting through a corner fills the boost meter, and releasing the key discharges it as a speed burst. There are no levels and no stages — it is one endless run, and your score is the distance you cover before three collisions end it. No account is required and nothing is installed; the page weighs roughly 148 KB on first load and then runs offline after the first load. Your best distance and total run count are saved in your own browser and never leave your device.

How to play

  1. Press Start run (or the Enter key). The car pulls away on its own — there is no accelerator to hold.
  2. Steer with A / D or / to weave between traffic blocks and stay inside the two glowing rails.
  3. Hold Shift while you are turning to break traction. The car slides, the rear lights streak, and the boost meter in the corner starts filling.
  4. Release Shift to spend the meter. The longer the drift, the bigger the speed burst and the harder the camera punches in.
  5. Every collision costs one of your three shields. On the third hit the run ends, your distance is compared against your saved best, and you can start again immediately.
  6. On a phone or tablet the HUD swaps itself automatically: tap and hold the left or right half of the screen to steer, and use the drift pad in the middle with your other thumb.

Features

  • Drift-charged boost. The boost meter can only be filled by holding the drift key through a turn, so speed is a reward for taking the risky line.
  • Fixed-timestep physics. The simulation runs on its own 120 Hz clock and is interpolated into the render loop, so the car handles identically on a 60 Hz phone and a 144 Hz monitor.
  • Synthwave rendering. A deep indigo sky with a striped gradient sun, wireframe mountains on the horizon, magenta and cyan emissive edges, an animated grid floor, and wet-asphalt reflections faked from the previous frame's color buffer.
  • Built to hold 60fps on a mid-range phone. Instanced road segments, a recycled obstacle pool, blob shadows instead of shadow maps, and textures no larger than 256 px.
  • Automatic low-detail mode. The first three seconds of your first run are measured; if the average falls below 40fps the game drops bloom, reflections and pixel density on its own.
  • Two-thumb touch controls. Touch input is detected at load and the HUD swaps to a left/right screen split with a separate drift pad.
  • Zero-asset audio. The looping synth track and the three gameplay blips are generated by the Web Audio API in your browser, so there is no music file to download. Sound is muted until you turn it on.
  • Accessible by default. Fully keyboard operable, visible focus rings, 4.5:1 text contrast, nothing that flashes faster than 3 Hz, and prefers-reduced-motion is respected.

Frequently asked questions

How do you drift and boost in Neon Drift?

Hold Shift on a keyboard, or the drift pad on a touch screen, at the same time as you are steering left or right. The car breaks traction and the boost meter fills in proportion to how hard and how long you are sliding. Releasing the drift key spends whatever is in the meter as a single forward burst, so a long committed drift out of a corner is worth far more than several short taps. The meter only fills while you are actually turning; drifting in a straight line does nothing.

Does Neon Drift work on a phone?

Yes. Neon Drift detects touch input when the page loads and swaps the keyboard hints for an on-screen control layout: hold the left or right side of the screen to steer with one thumb, and use the drift pad with the other. The game targets 60fps on a mid-range phone, and if the first three seconds of your first run average under 40fps it switches itself to a low-detail mode that drops bloom, screen-space reflections and pixel density rather than letting the frame rate stutter.

How many levels does Neon Drift have?

None. Neon Drift has no levels, stages or unlocks. It is a single endless run on a procedurally generated highway, and the difficulty comes from a curve tied to the distance you have traveled: the top speed climbs, obstacles spawn more often, and they start appearing in patterns that block more of the road. Your score is simply how far you get before three collisions end the run.

Does Neon Drift need an account or an internet connection?

No account is required and there is nothing to sign up for or install. The game is a single static page with no backend and no database, so after the first load every file is cached and Neon Drift runs offline. The soundtrack is synthesized in the browser with the Web Audio API rather than streamed, which is why there is no music file to download and no reason for the game to talk to a server while you play.

What does Neon Drift store about me?

Four values in your own browser's localStorage: your best distance, your total run count, whether you turned the sound on, and your detail-level preference. That is the complete list. No personal data is collected, no account exists, and nothing you do in the game is transmitted anywhere. Clearing your browser storage, or pressing the "Reset saved stats" button under the game, erases all four immediately.

How was this game made?

Neon Drift was generated from a single prompt on Quodara, an AI agent platform that turns a written brief into a deployed web app, and it was built and shipped without anyone hand-writing the game loop. The full write-up, including the exact prompt and the engineering decisions behind the fixed-timestep physics and the fake screen-space reflections, is published at the Neon Drift case page.

About this build

This entire site — the 3D racer, the copy you are reading, the structured data and the deployment — was generated from a single prompt on Quodara on . The finished page transfers roughly 148 KB on a cold load, of which about 139 KB is gzipped JavaScript, with the Three.js renderer accounting for most of that. Nothing here was hand-tuned afterward, so it doubles as a record of what one prompt produces end to end. The full write-up lives at quodara-ai.com/showcase/neon-drift.