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 workMason Mint
A project for Mason Mint, a private minting company. We built a digital presence that reflects their excellence in minting: clear product presentation, custom designs, packaging, and a path from discovery to contact.
Immersive Experiences
A highly cinematic website showcasing two demos. Scroll to get immersed. Every frame is built to pull you in.
Slate Scheduling
The better way to schedule your meetings. We built a scheduling experience that feels calm, clear, and built for people who move fast.