Immersive Learning Lab

Immersive learning portfolio · three.js

Realistic 3D where it helps learning.

Five games and mini courses built with three.js. Realistic detail where noticing it is the learning, restraint everywhere else.

Browse the projects
About the approach

The principle

Each project follows one principle: realism where it helps learning, restraint where it doesn't. Realistic detail is used where noticing it is the learning — terrain relief under low sun, wear marks on an artifact, the visual cue of a spill — and everything that competes for attention during a task is simplified. Cinematics are short, captioned, skippable from the first frame, and never play during assessment. The design rationale, a realism matrix and a shot list are documented in every repo.

Built with three.js, real open data (NASA, USGS, Smithsonian CC0), and CC0 assets. Learning content is CC BY 4.0; code is MIT.

Evaluation status: Automated functional, accessibility and performance testing plus agent-based design reviews are complete. No real learners have tested this yet.

Best on a desktop or laptop browser. Phones are supported with lighter graphics.

Projects