About P5-Image

P5-Image is a javascript library build on top of p5.js and webGL. It was inspired by the project of GPUImage by Brad Larson which provides a suite of image processing functionalities on iOS platform. It implements the complex image processing algorithms using openGL shading language (GLSL), so the power of GPU can be leveraged to process all image pixels in parallel.

P5-Image project ports all the openGL shaders from GPUImage to the javascript framework. It uses p5.js to manage the webGL canvas, and feeds the shaders to p5.js for rendering. The goal of the project is to provide web developers an easy-to-use library to process images right in the web pages using out of box algorithms, also preserving the capabilities to add custom defined algorithms using custom shaders.

Learn more