Noise Explorer

Exploring noise functions with WebGL

By Jeppe Revall Frisvad, 2016

Please use a browser that supports HTML5 canvas.

noise scale: 32

Explore noise space using the mouse: roll - left button, zoom - middle button, pan - right button.
Explore noise space using touchscreen: roll - one finger, zoom - two finger pinch, pan - two finger drag.

Download simplistic code samples without trackball exploration:

improved Perlin noise using the permutation polynomial from McEwan et al. [2012].
simplex noise repository by Ian McEwan and Stefan Gustavson.
sparse convolution noise based on the description by Frisvad and Wyvill [2007].

Although sparse convolution noise is perhaps more expensive when retrieving a single noise value. It should be noted that multi-dimensional noise output comes almost for free with this algorithm. The sparse convolution noise sample outputs coloured noise to illustrate this point.

References

Lewis, J. P. Texture synthesis for digital painting. Computer Graphics (Proceedings of SIGGRAPH 84) 18(3), pp. 245-252, July 1984.

Perlin, K. An image synthesizer. Computer Graphics (Proceedings of SIGGRAPH 85) 19(3), pp. 287-296, July 1985.

Lewis, J. P. Algorithms for solid noise synthesis. Computer Graphics (Proceedings of SIGGRAPH 89) 23(3), pp. 263-270, July 1989.

Wyvill, G., and Novins, K. Filtered noise and the fourth dimension.In ACM SIGGRAPH 99 Conference Abstracts and Applications, p. 242, August 1999.

Perlin, K. Noise hardware. In Real-Time Shading. ACM SIGGRAPH 2001 Course Notes, M. Olano, Ed. ACM, August 2001.

Perlin, K. Improving noise. ACM Transactions on Graphics (Proceedings of SIGGRAPH 2002) 21(3), pp. 681-682, July 2002.

Perlin, K. Implementing improved Perlin noise. In GPU Gems: Programming Techniques, Tips, and Tricks for Real-time Graphics, R. Fernando, Ed., ch. 5. Addison-Wesley, 2004.

Green, S. Implementing improved Perlin noise. In GPU Gems 2: Programming Techniques for High-performance Graphics and General-purpose Computation, M. Pharr, Ed., ch. 26. Addison-Wesley, 2005.

Frisvad, J. R., and Wyvill, G. Fast high-quality noise. In Proceedings of GRAPHITE 2007, pp. 243-248, December 2007.

McEwan, I., Sheets, D., Richardson, M., and Gustavson, S. Efficient computational noise in GLSL, Journal of Graphics Tools 16(2), pp. 85-94, June 2012.