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 전문 보기 ↗