← All work

04Education and 3D webLive

Autopsy, a 3D atlas of how cars work

Take one of four cars apart in the browser, start its engine, find faults and take it for a drive.

Education and 3D web04 / 05

1,679 → 193

Autopsydraw calls per frame
Type
Our own product
Sector
Education and 3D web
Where
Web
Services
Web apps
  • 1,679 → 193draw calls per frame
  • 5.9 → 0.3 msmedian time to pick a part under the cursor
  • 48.9 → 12.6 MBsize of the Civic model

The problem

Detailed car models are heavy: thousands of draw calls and tens of megabytes per car, far too slow for a browser on an ordinary laptop.

What we built

Pick a car, from a Civic Type R to a Land Cruiser 300, then orbit, isolate, remove or explode its parts. Start the engine to watch a six-stage start-up with correct firing orders, see what fails when parts are missing, or drive it with manual, CVT and ten-speed automatic gearboxes. A custom pipeline converts the models, cuts panels, applies materials and compresses everything with meshopt and WebP; the scene renders only when something changes.

Built with

  • three.js
  • Vite
  • glTF-Transform
  • three-mesh-bvh
  • WebGL
Next case studyCoWriteIA, a writing environment for novelistsRead it

Contact

Tell us what you want to automate.

Send a short brief or email us. We’ll reply with questions or a time to talk, and if AI isn’t the right answer, we’ll say so.

Studio
Islamabad, Pakistan (PKT, UTC+5)