Neon Typeracer

Type fast. Stay clean. Burn neon.

Neon Typeracer is a high-speed 3D browser racer where typing is your throttle and accuracy is your best weapon. Every correct word pushes your car forward, every perfect streak builds your multiplier, and every Nitro burst can flip the race in your favor. Push through checkpoints, outplay three AI opponents, and finish first across one of six futuristic tracks — then take your Credits to the Garage and come back faster.

---

Gameplay

Neon Typeracer is built around one simple pressure loop: read the word, type it cleanly, and keep your momentum alive.

- Type the word shown on screen to accelerate

- Press Space to submit each word

- Build combos by typing perfectly without mistakes

- Raise your multiplier for stronger speed gains

- Type with consistent rhythm to build Drift Flow — a full meter earns Nitro and drift points

- Earn Nitro by typing well, reaching checkpoints, and maxing out Drift Flow

- Press Tab to unleash a boost at the right moment

- Outsmart 3 AI racers and cross the finish line first

- Collect Credits after every race and spend them in the Garage

The game is easy to understand in a few seconds, but the tension ramps up quickly once you start chasing perfect streaks, holding your Drift Flow, and trying to stay ahead of the AI.

---

Features

- Fast-paced 3D racing gameplay in the browser

- Six distinct maps with different visual identities:

  - The Grid — a neon megacity canyon sprint

  - Mars Outpost — a rocky alien canyon blitz

  - Starlight Run — a deep-space orbital superhighway

  - Alpine Pass — a hairpin switchback mountain ascent

  - Coastal Drive — ocean-side sweeping curves

  - Neon Valley — an underground neon tunnel circuit

- 3 AI opponents with competitive race behavior

- Difficulty modes: Easy, Medium, Hard

- Garage with 4 unlockable cars across Starter, Sport, Hyper, and Ultra tiers

- 4 upgrade tracks: Engine, Tires, Nitro Tank, and Aero

- Credits economy earned from every race, spent in the Garage

- Ghost car system — race against your own best lap per map

- Drift Flow mechanic — rhythm-based typing builds a meter for bonus Nitro and drift points

- Flow State event when the Drift Flow meter is maxed

- Live HUD showing speed, rank, WPM, Nitro, combo, multiplier, and checkpoint progress

- Analog speedometer and minimap with AI and ghost positions

- Combo system that rewards accurate typing

- Multiplier progression up to x2.5 base (upgradeable to x4.0 via Aero)

- Nitro Tank upgradeable from 3 to 5 charges

- Checkpoint-based progression with Nitro and speed rewards

- Procedural audio engine: 124 BPM in-race music, dynamic engine tone, and SFX

- Persistent save — Credits, upgrades, cars, and ghost data survive between sessions

- Dynamic camera, lights, particles, drift smoke, and speed-line effects

- Clean neon arcade presentation

- Responsive interface for desktop and mobile browsers

---

The Garage

Between races, spend your Credits on cars and upgrades.

Cars range from the free Apex Type-01 starter all the way up to the Titan Apex Ultra at 5,000 CR, each with its own speed, acceleration, handling, and nitro profile. All cars are previewed in a rotating 3D display with full lighting.

Upgrades apply globally and have four levels each:

- Engine raises the speed gain from each correct keystroke

- Tires reduces how quickly speed decays between words

- Nitro Tank increases your maximum Nitro charges

- Aero raises your multiplier cap beyond the base 2.5

---

What makes it fun

Neon Typeracer is not just about raw typing speed. It is about rhythm and resource management.

Typing cleanly keeps your combo alive.

Keeping your combo alive grows your multiplier and earns Nitro.

Typing with consistent rhythm builds your Drift Flow meter, which rewards you with even more Nitro and drift points on top.

Nitro gives you a way to strike back when you need it most — or extend a lead before a checkpoint.

That means the race constantly shifts between calm concentration and last-second pressure. One mistake can cost you momentum, but one clean streak can put you right back in contention. And after the race, your Credits push your car closer to its ceiling in the Garage.

---

Ghost System

Every race on a map is compared to your personal best. If you beat your previous run, your new data is saved as the ghost. On future races, the ghost car appears as a semi-transparent vehicle on the track, and the HUD shows in real time whether you are ahead or behind. Beating your ghost is its own challenge on top of beating the AI.

---

Controls

Desktop:

- Space — submit the current word

- Tab — activate Nitro

- Escape — exit race and return to menu

- Click the page to keep the hidden input focused

Mobile:

- Use the device keyboard to type

- Tap the screen to keep focus active

- Play comfortably in landscape or portrait depending on your device

---

Tips

- Accuracy is more valuable than panic speed

- Type with steady rhythm even if it means slowing down — Drift Flow is worth it

- Build your combo before spending Nitro so the burst benefits from your multiplier

- Use Nitro to recover from a bad stretch or push ahead at a checkpoint

- Upgrade Aero early if you want to push your multiplier higher than x2.5

- Hard mode is best for players who want constant pressure from the AI

- Racing the ghost is the best way to improve your consistency over time

---

Maps

The Grid

A glowing neon megacity sprint through cyberpunk canyons, with towering buildings, overhead arch structures, and vivid neon barriers. The defining Neon Typeracer look.

Mars Outpost

A red planet canyon blitz across rough alien terrain. Jagged rock formations line the course and the lighting is harsh and orange. It feels like racing through a hostile colony under pressure.

Starlight Run

A zero-g orbital superhighway through deep space. Stars fill the background, glowing ring structures float overhead, and the lighting is cool and cosmic. The fastest-feeling map visually.

Alpine Pass

A mountain switchback ascent with hairpin corners and dramatic elevation changes. Rocky outcroppings frame the road and the atmosphere is cold and exposed.

Coastal Drive

Sweeping ocean-side curves with open sky and flagged markers along the road edge. A more open, flowing layout compared to the tighter urban and underground maps.

Neon Valley

An underground tunnel circuit lit by vivid floor glow, barrier strips, and wall neon. The narrowest track in the game — concentrated pressure from start to finish.

---

About

Neon Typeracer is designed for quick sessions, repeat runs, and gradual improvement through practice and progression. The ghost system rewards consistency. The Garage rewards persistence. The Drift Flow mechanic rewards rhythm. Put them all together and there is always something to get better at.

Because it runs as a single HTML file, it is easy to launch, easy to share, and easy to expand.

---

Technical Notes

- Runs entirely in the browser

- No installation required

- Built as a single-file HTML game

- Uses Three.js for 3D rendering

- Procedural audio via the Web Audio API

- Persistent save via localStorage

- Works on desktop and mobile

---

Challenge

Six maps. Four cars. A ghost to beat. Can you keep your streak alive, max your Drift Flow, and finish in first place?