Skip to content

Experiment — WebGL Portfolio

Spatial Index

A portfolio you navigate like a solar system.

Renderer
WebGL
Cameras
2 modes
Framework
Next.js
Type-safe
TypeScript
Role
Solo — concept and build
Timeline
Side project
Spatial Index 3D portfolio showing projects arranged in a WebGL scene

01The idea

A CV is a list because paper is a list. Given a GPU, there's no reason a body of work has to be read top to bottom — so this one is arranged in space and explored instead of scrolled.

02What it took

Two camera systems that share one scene graph: a constrained orbit mode for people who want to look without learning controls, and free navigation for people who want to fly. Getting between them without disorienting the viewer was most of the work.

The performance budget is the real constraint. A 3D scene that stutters reads as broken rather than impressive, so geometry, draw calls and texture memory are all kept tight enough to hold frame rate on a mid-range laptop.

03The honest caveat

It is a deliberate counterpoint to the work I sell. Client sites get restraint and sub-second loads; this is where the showing-off happens, and it's clearly labelled as such.

Built with

  • Next.js
  • WebGL
  • TypeScript
Visit Spatial Index
Next case studyThe Rawstornes @ 268
Your project

Want one of these for your business?

Start a conversation