mohAmineBrs / codrops-noise-transition

Model Texture Transition And Procedural Radial Noise Using WebGL

Model Texture Transition And Procedural Radial Noise Using WebGL

This WebGL experiment explores two visual effects: a texture transition on a 3D can model and a procedural radial noise field. The model's texture transitions vertically with a noise effect at the seam. In the background, a ring of pulsing noise emanates from the center, extending beyond the screen's edges.

Article on Codrops

Demo

Installation

Install dependencies:

npm install

Compile the code for development and start a local server:

npm run dev

Create the build:

npm run build

Credits

• Can 3D Model Sketchfab

Misc

Follow mooh: Twitter, LinkedIn, GitHub

Follow Codrops: Twitter, Facebook, GitHub, Instagram

License

MIT

Made with 💙 by Codrops