pixel-sort

🖼️📏 Web app to liven your photos with a glitch effect

MIT License

Stars
8
View Code on GitHub Visit Website
Ecosystems: Next, React

Pixel Sort

Liven your photos with a glitch effect

Description

Sort pixels in an image by certain the properties of each pixel to smear a nice glitch effect over your photos.

This pixel sorting project is an Next.js application with offscreen canvas support.

Features

  • Vertical and horizontal directions
  • Sort by pixel properties
    • Hue
    • Saturation
    • Lightness
    • Red, Green, Blue, Alpha
    • RGB, RGBA Summation
  • Offscreen canvas support

Examples

Screenshots

Light Mode Dark Mode
Screenshot of the homepage in light mode Screenshot of the homepage in dark mode
Photograph of a fox being sorted in light mode Photograph of a fox being sorted in dark mode

Usage

git clone [email protected]:evelynhathaway/pixel-sort.git
cd pixel-sort
npm clean-install
npm dev

License

Copyright Evelyn Hathaway, MIT License

Badges
Extracted from project README
check status license: MIT