02 — Interactive Storytelling · Creative Development
The Last Train Home
A cinematic interactive experience built around a journey, memory, and the feeling of coming home.
- Next.js·
- React·
- TypeScript·
- Three.js·
- React Three Fiber·
- Animation·
- Audio
What it is
A scroll-driven interactive story that follows a journey home, told through moving light, sound, and a single evolving scene rather than pages.
The idea
Some memories aren't a gallery of photos — they're a feeling of motion, distance closing, and arrival. The idea was to let the interaction itself carry that feeling.
Design direction
Dark, atmospheric, and quiet, with warm light used sparingly so it always feels earned rather than decorative.
Interaction
Scroll position drives camera movement and scene state, so the pacing of the story matches the pace of the person reading it.
Technical implementation
Built with Next.js and React Three Fiber, with scroll progress mapped to camera and lighting state, and audio cues synced to key transitions.
Challenges
Keeping the experience performant on mobile while preserving depth and atmosphere took several passes on scene complexity and asset loading.