Brett Goetz
Learning design and technology
Back to all work

Supply Chain Walkthrough

Navigable 360 facility tour in the browser  |  Babylon.js, ES modules  |  Eight 360 stops, plus a ride-along  |  Built 2018, rebuilt 2025

Screen from Supply Chain Walkthrough
The hotspot videos are hosted on a Kaltura CDN that redirects its secure URLs to plain http, which browsers block. The tour detects the failure and explains it rather than showing an empty player, but the footage itself needs rehosting.
Who it was for
Students and new staff who need to understand a distribution facility they cannot easily visit.
The problem
Supply chain concepts taught from diagrams stay abstract. A site visit fixes that, and is rarely possible for a full cohort.
What I did
Filmed the facility in 360 and built a browser-based walkthrough in Babylon.js. Rebuilt in 2025 as static ES modules with no PHP and no build step: every stop is a real URL, hotspots are listed as buttons beside the panorama rather than being findable only by hunting in the scene, the in-scene charts were redrawn as vector, and the original caption files are converted to WebVTT at runtime so the browser renders them with whatever caption settings the viewer already has.

What this shows

  • Interactive 3D and 360 media delivered without a plugin or app
  • Substituting a built experience for an impossible field trip
  • Returning to old work and rebuilding it against current standards