GMT+1 STHLM --:--:--

WEB/DEV, the portfolio whose sitter holds real volume

A web-development portfolio built on one photograph and one measured depth field. Five viewpoints of the same face are baked into a 3x2 light-field atlas and three cells are blended at once, so a diagonal lean turns the head on both axes at the same time. The aperture is composited AT a depth, so anything nearer than the glass draws over the frame instead of inside it, and a second transparent canvas above the DOM lets his shoulder occlude the headline. Seven chapters drive the same object through four render modes: portal, an x-ray wipe whose seam follows your pointer, a thirty-four-band contour survey, and a depth halftone cloud whose dots each carry their own parallax. Hold the pointer and a lens peels the colour back to the raw depth field. Tilt on a phone, pointer on a desktop. No mesh, no rig, no scan, no 3D library: two image files, one triangle and 709 lines of TypeScript.

view live demo ↗portfolio / webgl / shader / depth / light-field / parallax / gyroscope / typescript / no-library · 2026-08-21

The prompt copies to your clipboard — the demo above is what it builds.