Client-side web application built using JavaScript, p5.js, and dat.GUI, demonstrating a range of image processing techniques. Features include brightness, contrast, saturation, Box blur, Gaussian blur, edge detection, sharpen, and dithering techniques.
Clone the repository to your local machine and navigate to the repo, then execute 'npm run dev' in your terminal to open local vite server. Navigate to this address to view the initial image, monalisa.jpg, and control panel. The panel lets you apply various processing algorithms and includes a reset button to return to the original image.
Allow users to input their own images easily from the frontend.
Allow users to download images after applying changes.
Add a toggle to allow image processing changes to compound, meaning multiple changes beyond pixel operations can be seen together.
Add ability to use control panel with arrow keys and type in values.