IPS — Design Tool
A simple image pixel sort design tool
Description
A simple design tool that allows you to create dynamic pixel sorting effects based on an image.
Media (3)
This tool takes any input image and allows users to manipulate pixels based on various parameters creating striking glitch art effect by reordering pixels in a row
Built with Javascript & P5.js.
This is a work in progress but you can try it out here
Some examples images created using the tool
Features
- Interactive canvas with P5.js for image manipulation
- Image upload via file input or drag & drop
- Customizable pixel sorting effects
- Export options: PNG, animated GIF
Tech Stack
- TypeScript
- P5.js for creative coding
- Tweakpane for GUI controls
- Vite for development and building
Notes
This is currently a work-in-progress as I'm working on a custom toolbar for the UI
Credits
This project was heavily inspired by The Killing of a Sacred Deer Digital Campaign Poster Graphics by Marvin Schwaibold and Watson DG.