Pro studio
Browser Worlds
WebGL, Three.js and WebXR.
Build worlds that open in a browser tab. Learn from Matatu Ride and the Villa walkthrough, then build a real African place people can drive or walk.
- Hybrid · Nairobi + remote
- Duration: TBA
- Pro studio
- Waitlist open
- Dates TBA
Working title. Dates, hours and seats are TBA.
What you'll be able to do
- Build a real-time 3D scene with WebGL and Three.js
- Turn real map data into a drivable or walkable world
- Add WebXR so the same world opens in a headset
The piece you ship
A driveable or walkable browser world of a real African place
Tools
- WebGL
- Three.js
- WebXR
Curriculum
2 modules · 6 parts
- Read
- Video
- Lab
- Live
- XR
- Project
Curriculum in development · final syllabus with the first cohort.
01Case studiesMatatu Ride and the Villa walkthrough.
- XR · TBA
Matatu Ride
Drive through Nairobi CBD in the browser and see how a real street graph becomes a world.
- XR · TBA
Villa walkthrough
Walk through the villa and note how the scene is lit, loaded and navigated.
02A real African placeBuild Night week 5: a walkable browser scene.
- Live · 25 min
Demo
How Matatu Ride was built on a real Nairobi street graph.
- Lab · 55 min
Build-along
Build along from a starter file. You leave with: a small walkable browser scene of a real African place.
- Live · 25 min
Critique
Show your piece and get feedback on craft and taste.
- Project · 5 min
Ship it
Post your piece to the shared gallery so you have something to show.
Try it first: Build Night week 5 is a taster for this course. See the weekly sessions.
Also in Pro studios
Agent-Built 3D
Blender and Unity with CLI + MCP.
You ship: A procedural scene rendered in Blender and running in Three.js or Unity
XR for the Built Environment
Plan → Model → Walkthrough → AR.
You ship: A Quest 3 configurator or a shareable floor-plate web viewer
Large Scenes and Cinematic Fly-throughs
Procedural and AI-assisted 3D, cinematography and optimisation.
You ship: A guided 3–4 minute fly-through plus a 9:16 teaser