Three.js Noise Shaders
Noise is the building block for most procedural effects: clouds, marble, fire, terrain, and water all start from it. These shaders show Perlin, simplex, Voronoi (cellular), and fbm noise in GLSL that you can drop into a Three.js material.
47 Three.js Noise Shaders
Tiling 4D Perlin Noise by andrewray PRO
Three
Three
Three
Voronoi Ice by andrewray PRO
Three
Perlin Warp by andrewray PRO
Three
Perlin's Spiral by andrewray PRO
Three
Fast Image Based Noise by andrewray PRO
Three
Three
Noise Ripples by andrewray PRO
Three
Molten Noise by andrewray PRO
Three
Metal Noise by andrewray PRO
Three
Ruby Voronoi Rocks by andrewray PRO
Three
Random Color Noise by andrewray PRO
Three
Three
Perlin Noise Caustics by andrewray PRO
Three
Three
Perlin Spiral by andrewray PRO
Three
Animated wave noise by andrewray PRO
Three
Noise Fire by andrewray PRO
Three
Vertex Sin Noise by andrewray PRO
Three
Zoom Noise by andrewray PRO
Three
4D Perlin Noise by andrewray PRO
Three
Noisegon City by andrewray PRO
Three
Noise Ripples by andrewray PRO
Three
Speaker Sand Noise by andrewray PRO
Three
Flower Raindrop Noise by andrewray PRO
Three
Three
Virus Noise by andrewray PRO
Three
Voronoi Noise by andrewray PRO
Three
Caustic Image Noise by andrewray PRO
Three
Three
FBM Lightning by andrewray PRO
Three
Three
Three
Vertex Sin Noise by andrewray PRO
Three
Octave Noise by andrewray PRO
Three
Non-Uniform Voronoi by andrewray PRO
Three
Voronoi Gradient by andrewray PRO
Three
Base Voronoi by andrewray PRO
Three
Rainbow Voronoi by andrewray PRO
Three
Voronoi Lines by andrewray PRO
Three
Voronoi Distort Sampler by andrewray PRO
Three
Stormy Voronoi by andrewray PRO
Three
Three
Perlin Noise Tunnel by andrewray PRO
Three














































