shader-playground Svelte Themes

Shader Playground

Shaders I like running on a simple website wrapper

Anisotropic Kuwahara Filtering

A simple website running the anisotropic Kuwahara filter on user-provided images, implemented as a THREE.js shader effect written in GLSL. Live version running on GitHub Pages

Usage

Upload an image by dropping it into the website, adjust the filter parameters using the GUI in the top right, and download the filtered image for your personal use.

References

  • Kuwahara filter: Kuwahara's original filter, proposed for the denoising of medical imaging. Due to the use of a square kernel, the images tend to look very "blocky".

  • Generalized Kuwahara filter: An improvement on the original Kuwahara filter through usage of a Gaussian Kernel. Provides improved smoothing, but still leaves the image looking too "blocky".

  • Anisotropic Kuwahara filter: This version uses the local anisotropy of each pixel to change the kernel shape, thereby smoothing the image while respecting directionality of image regions and producing an image that appears to be created through water painting. Further improvements in efficiency can be made by using polynomial weighting functions to approximate the filter.

  • Video on Kuwahara filtering: A YouTube video by Acerola where I first heard of the filter and got the inspiration to develop an in-browser version.

  • Image source

  • Upload icon source

Top categories

Loading Svelte Themes