Five is a design study with an invented brand: a night-photography studio that does not exist. The 24 photos are AI-generated, and the titles and captions are fiction too. The subject is the page itself: motion, depth and what a photo does when you point at it.
On load, the photos fly through space and settle into a masonry grid. That grid tilts, without a cut, into a 3D wall built with three.js and custom shaders. Drag to turn the wall. Point at a photo and it steps forward with a glow and a colour shift. Pick another series (Neon, Long Exposure or Quiet Nights) and the wall bursts into a star cloud of its own pixels, then rebuilds.
A click opens a lightbox that grows from the spot where the photo sat on screen, even when it hung in the 3D wall. Below it, a scroll story with parallax layers and words that light up (Lenis and GSAP ScrollTrigger). With reduced motion or without WebGL you get a plain grid, and the lightbox and series still work. Lighthouse mobile: 94 performance, 100 accessibility.
On load, the photos fly through space and settle into a masonry grid. That grid tilts, without a cut, into a 3D wall built with three.js and custom shaders. Drag to turn the wall. Point at a photo and it steps forward with a glow and a colour shift. Pick another series (Neon, Long Exposure or Quiet Nights) and the wall bursts into a star cloud of its own pixels, then rebuilds.
A click opens a lightbox that grows from the spot where the photo sat on screen, even when it hung in the 3D wall. Below it, a scroll story with parallax layers and words that light up (Lenis and GSAP ScrollTrigger). With reduced motion or without WebGL you get a plain grid, and the lightbox and series still work. Lighthouse mobile: 94 performance, 100 accessibility.
More work
Interactive 3D WebGL Experience
A 3D WebGL piece with animated chrome letters, a neon grid and warp-speed stars. Move your mouse to pan the camera.
Interactive World Globe
An interactive 3D particle mesh globe built with Three.js where you can click countries to discover cultural connections.
Interactive DOS Experience
An MS-DOS simulation with CRT effects and real commands such as DIR, CD, TYPE and HELP. CAROUSEL.EXE breaks the screen into ASCII blocks that turn into a 3D carousel.