Sharing everything I could understand about gradient noise

· Clément Bœsch · June 6, 2025, 3:05 p.m.
Summary
This blog post provides an in-depth exploration of gradient noise, particularly focusing on its implementation using WebGL2/GLSL. It begins with the foundational 1D version of gradient noise and progressively covers 2D and 3D implementations, detailing the related mathematics and various functions such as hashing and interpolation methods. The author shares insights on procedural programming and its applications in visual effects and gaming, while emphasizing the importance of properly handling noise functions and their derivatives. Additionally, the piece discusses advanced topics such as fractal Brownian motion and alternative noise methods like OpenSimplex.
AUTHOR
Sponsored
Zulip logo Zulip
Organized team chat for people who take work seriously. Topic-based threading keeps conversations focused.
Try Zulip
Become a sponsor →
BLOG POST FEATURED ON

Add this plugin to your blog