All work

Side project · React Three Fiber

Drive

The racing game that used to be this site's homepage hero, now its own site. Spa-Francorchamps, Sebring and Fuji Speedway are rebuilt at true scale from OpenStreetMap track geometry and real elevation data from SPW Wallonia, GSI Japan and USGS 3DEP, and drivable in a browser in a GT3 car or an F1 car.

Type
Side project
Status
Live
Stack
6 tools
Preview
Runs here
Drive, screenshot
Interactive previewOpen in a new tab

Details

How it was built
  • Chase and cockpit cameras, with keyboard controls on a desktop and touch or tilt steering on a phone
  • Low poly and Detailed looks, the detailed one with real car models
  • Best laps saved per track and car in the browser's localStorage
  • One React Three Fiber engine, shared with the portfolio code it grew out of, with a Playwright parity suite against the original prototype

Stack

6 tools
  • React Three Fiber
  • three.js
  • Next.js
  • TypeScript
  • Playwright
  • Vitest