Web / Experience
Atmos
A digital gallery where depth is the medium. Scroll drives real parallax in 3D—Three.js, WebGL, and custom GLSL. Not a slideshow. A room you move through.
Web / Experience
Atmos
A digital gallery where depth is the medium. Scroll drives real parallax in 3D—Three.js, WebGL, and custom GLSL. Not a slideshow. A room you move through.
01 / The question
Flat galleries are everywhere. What if the wall had depth?
Most “gallery” sites are the same pattern: a hero, a grid, lightbox, next. The work is good; the frame is thin. We asked a different question. What if scroll did not just push pixels upward but pulled you through layers—so each piece sat in space instead of stacking in a column? Atmos is that experiment. A digital gallery built to feel less like a page and more like a volume you traverse. Parallax here is not a CSS trick. It is distance, light, and motion keyed to how far you have travelled.
Depth as editorial
02 / The build
Three.js, WebGL, GLSL. Scroll is the conductor.
We built in the stack that earns the illusion. WebGL on the GPU. Three.js for scene, camera, and geometry. Hand-written GLSL where generic materials would have flattened the mood. Scroll is wired to the rig: camera drift, plane separation, and shader passes respond together so depth reads as intentional, not decorative. No template. No “3D widget” dropped into a landing page. Every frame is authored so the gallery behaves like one continuous space. Technical, yes—but always in service of how it feels to move through the work.
Scroll-driven parallax in the scene
03 / The experience
Quiet, hypnotic, and a little stubborn.
You scroll. The room reorganises. Works hang in depth instead of competing in a flat feed. The tone is restrained on purpose: let the motion and the GLSL do the talking. Atmos is a lab piece—a proof that editorial can live in three dimensions in the browser when you stop treating the viewport as a sheet of paper. Open the live site, use a trackpad or wheel, and watch the space breathe. That is the brief, answered in code.
Experience the site
One live demo. Explore the full experience below.
More Web Projects
All web workText Animated Portfolio
Dual wave text portfolio. Project names in motion. Volt R2, Éclat, Project Ion, AeroLine. Campaign imagery and brand names in a flowing, animated layout.
Digital Museum
Imagine the Louvre or another great museum. Now imagine it in your browser. We built a digital space where art and architecture meet the web.
Momo X
A new premium headphone release deserved a premium launch. We built a scroll-driven experience: the headphones lie still, then rise, then deconstruct to reveal every component. Coming spring 2027.