Atmospheric Depth Gallery

A Three.js depth-scrolling image gallery where scroll velocity drives atmospheric mood and subtle motion, while each image defines its own background palette.

Article on Codrops

Demo

Installation

npm install
npm run dev

For production build:

npm run build
npm run preview

Tech Stack

• Node.js >= 18
• Vite
• Three.js
• Vanilla JavaScript (ES Modules)
• GLSL (via vite-plugin-glsl)

Credits

• Built with Three.js
• Imagery from Lummi.ai
• Color chip editorial layout inspired by @thisislandscape on Instagram

Misc

Follow Houmahani Kane: Portfolio, X, Instagram, LinkedIn, GitHub

Follow Codrops: X, Facebook, Instagram, LinkedIn, GitHub

License

MIT