GLSL Gaussian and Bilateral Filtering Comparison Demo

<- Return to Experimental GLSL Image Processing

This demonstration illustrate the difference between Gaussian and Bilateral filtering. As you move the mouse of the processed image, the left side of the image is unfiltered, the top right portion is Bilateral filtered, and the bottom right portion is Gaussian filtered. The parameters of the spatial Gaussian filters are kep the same between the Gaussian and Bilateral portions.

Source Image

Processed Image

Move pointer over the lower image. As you move the mouse of the processed image, the left side of the image is unfiltered, the top right portion is Bilateral filtered, and the bottom right portion is Gaussian filtered. The parameters of the spatial Gaussian filters are kep the same between the Gaussian and Bilateral portions.

Check out the source code.

This demo uses WebGL. Not all devices and browsers are supported.