Stipple image generator

This project is a WebGL implementation of the paper Weighted Voronoi Stippling by Secord.

The source repo and commit history can be viewed on github.

First, given a source image, a Voronoi Diagram is generated. In short, using a specific number of points, the given space is divided into the same number of regions as points using specific guidelines. The result is a Voronoi Diagram. These points will be used to create a stipple image.

Using the algorithms described in the paper, the Voronoi Diagram is iteratively converted to be "centroidal". That is, all the points are located at the centroid of their respective regions. However, these centroids are weighted based off the pixel density of the source image. This means that darker areas of the source image will have more points, and thus more stipples.

The Voronoi diagram generation code was adapted from Alex Beutel's Interactive Voronoi Diagram Generator with WebGL. I'm really grateful for the code example, it really made things easier and faster.

Your screen resolution is too small to display this program

# of stipple points:
Stipple size:
Stipple color:
Display Voronoi:
Display Image: