Skip to content

evelynhathaway/pixel-sort

Repository files navigation

Pixel Sort icon

Pixel Sort

Liven your photos with a glitch effect

check status license: MIT

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

Seattle skyline at night with glitch effect

Trees in a forest with glitch effect

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 git@github.com:evelynhathaway/pixel-sort.git
cd pixel-sort
npm clean-install
npm dev

License

Copyright Evelyn Hathaway, MIT License