Demo for the tutorial on how to create on-scroll distortion and grain effect with shaders in Three.js.

Article on Codrops

Demo

Install dependencies:

yarn install

Run local environment:

yarn dev

Create build:

yarn build

• Images generated with Midjourney

Follow Jan Kohlbach: Twitter, Instagram, GitHub

Follow Codrops: X, Facebook, GitHub, Instagram

MIT

Made with 💙 by Codrops and Jan Kohlbach