Skip to content

Entrusit case study · Tourism & cultureScroll-driven 3D story of a mountain ascent

A real-time 3D climb you control by scrolling — real terrain, the real trail, from dawn to the summit.

In development Under NDAWeb & e-commerce
Discuss a similar project

The problem

A static gallery can't convey what a five-hour alpine climb feels like. The brief was a web experience that tells the story of a real route — place, time and effort — and still works on a phone.

What we built

A scroll-driven WebGL experience: one scroll position drives the camera, the time of day and the walker on the real trail, across nine chapters, built on real elevation data and satellite imagery, in three languages.

How it works

  1. 1Elevation and imagery are baked into compact, verified assets by a build pipeline.
  2. 2The real trail is mapped and split into chapters and waypoints.
  3. 3Scrolling (or a hands-free film mode) moves the camera, light and walker together.
  4. 4Devices are tiered for quality, with a static fallback where WebGL2 is missing.

Highlights

  • Real terrain and the real route
  • Keyboard controls and chapter deep links
  • Quality tiers and a no-WebGL fallback

Stack & integrations

  • Three.js
  • Custom GLSL shaders
  • Vite
  • Copernicus elevation data
  • Satellite imagery
  • i18n (3 languages)

Project 13 of 16

Want something like this?

Tell us about your version. The first 30-minute process teardown is free, and we'll sign an NDA before it.