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 workIdeas in Motion
Hello. This is fiveroses. Please scroll. We animated everything. From a stupid idea to designs everywhere to someone building it. Now it exists on the internet forever.
Azure Sovereign
An extremely premium brand deserved an extremely premium experience. We built a cinematic scroll: from inside Azure Sovereign looking out, to aerial views, back inside, then out again, and finally to a drawn portrait of the vessel.
Morph
A hobby project to test out 2D morphing. Shapes that flow into each other. Craft for the love of it.