项目作者: evelynhathaway

项目描述 :
🖼️📏 Liven your photos with a glitch effect
高级语言: TypeScript
项目地址: git://github.com/evelynhathaway/pixel-sort.git
创建时间: 2021-01-18T22:49:51Z
项目社区:https://github.com/evelynhathaway/pixel-sort

开源协议:MIT License

下载




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

  1. git clone git@github.com:evelynhathaway/pixel-sort.git
  2. cd pixel-sort
  3. npm clean-install
  4. npm dev

License

Copyright Evelyn Hathaway, MIT License