Fix Singapore GP
Marina Bay Circuit has an overtaking problem. Fix it.
62 laps under the lights and hardly anywhere to pass. Keep the start/finish straight, take any street after Turn 1, and find out in seconds whether your lap would let cars race under the 2026 rules and what overtaking index it gets.
Live site · Singapore · Draw a layout · Credits
Quick start · Drive · Publish · FAQ · License
pnpm install && pnpm dev
A public site for the Formula 1 street circuits. The homepage lists them. Each circuit has its own streets, raced lap, editor, and leaderboard: Singapore at /singapore, then Azerbaijan, Monaco, Las Vegas, Miami, and Madrid. Layouts keep that circuit's start/finish straight and follow real streets. A layout belongs to one circuit in the database, so a Monaco lap never shows up on the Singapore board.
Lap times and the overtaking index are estimates, not predictions.
Drafts stay in the browser. Publishing and upvoting need Google sign-in. The current circuit and the editor still run with no Firebase keys.
Quick start
Node ^20.19.0 or >=22.12.0. The package manager is pnpm 8.15.9.
pnpm install
pnpm dev
pnpm test checks the lap sim against the published Python figures and checks that the current lap can be rebuilt from its waypoints. pnpm lint runs oxlint. pnpm build writes dist/.
Features
- Editor. Drop waypoints on Singapore's streets. The lap between them follows the road graph. The route home, from the last waypoint back to the starting grid, is drawn dashed.
- A lap that can be published. It is closed, never drives the same road twice in either direction, does not cross itself where both roads are at the same level, and is at least 3.5 km (2.8 km in Monaco). A lap over 7 km is flagged and can still be published.
- 2026 lap sim. A point-mass model in the browser, ported from
analysis/analyse2.py. Every layout, including the current one, is scored the same way.
- The grid. Published layouts, most upvotes first. One Google account, one upvote per layout.
- Drive.
/singapore/l/:id/drive puts a car on the layout, with the sim's lap as a ghost. Eight-speed gearbox, downforce that grows with speed, tyre grip that falls off past the slip peak, and concrete walls behind a kerb and a strip of run-off.
- Share cards. Link-preview crawlers get a card from
api/layout-card or api/page-card. api/og draws the image.
Drive a layout
/singapore/l/:id/drive plays engine, tyre, and wind sound once you press a key. The current layout and any published layout can be driven. A draft cannot. Older /l/:id and /create links redirect to /singapore.
| Key | Action |
|---|
| ↑ | Throttle |
| ↓ | Brake. Hold at a stop to reverse |
| ← → | Steer |
| E / Q | Shift by hand |
| C | Change camera |
| M | Sound |
| R | Restart |
pnpm city downloads the Marina Bay window and bakes it with OSM2World and its CC0 texture style into a compressed, textured glTF. The same bake, with a slug, writes the window around each other circuit (public/drive/cities/monaco.glb and the rest). Drive mode lays that city's mesh under the lap: buildings, streets, water, and parks, in the same metre grid as the road. The bake is flat, so a bridge in the drive view is the lap's own ramp. pnpm car and pnpm drive-assets fetch the car, sky, textures, and sounds from their sources.
Scripts
| Command | What it does |
|---|
pnpm dev | Vite dev server |
pnpm build | Production build into dist/ |
pnpm preview | Serve the production build |
pnpm test | Vitest |
pnpm lint | oxlint |
pnpm city | OpenStreetMap → OSM2World → public/drive/city.glb (pass a slug for another circuit) |
pnpm car | F1 model → public/drive/f1.glb |
pnpm drive-assets | Sky, track textures, tyre loop, engine worklet |
以上为 README 的开头部分。其余内容请阅读原文。 查看完整 README ↗
