Interactive demo

Value Noise

Value noise is the simplest lattice noise: every grid point gets a random value, and the space in between is blended smoothly. It is fast and easy, but its grid shows through more than in Perlin noise.

Your browser does not support the HTML5 canvas tag.

Move the pointer over the image to move the cross-section to another grid row. With linear interpolation, the curve has a kink at every grid point.

Controls

Legend

  • Grid point, filled with its random value
  • Cross-section along a grid row

1. Random values

Every grid point gets a random number between −1 and 1 from a shuffled table. The same point always gets the same value, so the noise can be repeated exactly for a seed.

2. Blending

A point inside a cell blends the values of the cell's four corners, first along x, then along y. The weights come from a fade curve: linear blending leaves kinks at the grid lines, the cubic curve 3t² − 2t³ smooths them out.

3. Values or gradients?

The highs and lows of value noise always sit exactly on the grid points, so the grid can be seen as rows of blobs. Perlin noise puts zeros on the grid points and random slopes around them, which hides the grid much better.