Image Filter – Project Detail

In this project, I leveraged the creative power of p5.js to explore image filtering and manipulation techniques using matrix transformations. The project focuses on applying custom matrix operations to digital images to achieve a variety of visual effects, from blurring and sharpening to edge detection and color transformations.

Highlights

Built with p5.js for interactive, real-time image processing.
Custom matrix transformations modify pixel data live in-browser.
Explored convolution filters, kernel effects, and channel manipulation.
Showcased the impact of filter combinations and matrix design.

Check it out below

Click the image where you want the focus point to be.

Use your keyboard to change filters:

SPACE = earlyBirdFilter

G = grayFilter

E = edgeFilter

B = embossFilter

Your screen is too small to display this content.