https://github.com/igorski/pixelizer
Web based pixel sorter providing a real-time UI to experiment with creating glitch art
https://github.com/igorski/pixelizer
glitch-art image-processing pixels pixelsort pixelsorting
Last synced: 9 months ago
JSON representation
Web based pixel sorter providing a real-time UI to experiment with creating glitch art
- Host: GitHub
- URL: https://github.com/igorski/pixelizer
- Owner: igorski
- License: mit
- Created: 2024-07-22T17:26:51.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-07-16T19:47:21.000Z (10 months ago)
- Last Synced: 2025-07-24T13:49:35.288Z (10 months ago)
- Topics: glitch-art, image-processing, pixels, pixelsort, pixelsorting
- Language: TypeScript
- Homepage: https://www.igorski.nl/application/pixelizer
- Size: 259 KB
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# pixelizer
A web based image glitching processor that works by "sorting pixels". It takes any provided input image and shuffles
the pixel content according to controllable algorithms to provide a distorted take, hopefully with pleasing results.
Adapted from [Python code](https://github.com/satyarth/pixelsort) by Satyarth Mishra Sharma, which in turn was based on
a [Processing script](https://github.com/kimasendorf/ASDFPixelSort) by Kim Asendorf.
The UI is built using Vue, but the majority of the inner workings is pure TypeScript. There is some overlap in
functionality with [BitMappery](https://github.com/igorski/bitmappery), but this is chosen to be a separate toy, at
least for the time being.
## The [Issue Tracker](https://github.com/igorski/pixelizer/issues) is your point of contact
Bug reports, feature requests, questions and discussions are welcome on the GitHub Issue Tracker, please do not send e-mails through the development website. However, please search before posting to avoid duplicates, and limit to one issue per post.
Please vote on feature requests by using the Thumbs Up/Down reaction on the first post.
## Project setup
```
npm install
```
### Development
Create a local development server with hot module reload:
```
npm run dev
```
Creating a production build (build output will reside in _./dist/_-folder):
```
npm run build
```
Running unit tests
```
npm run test
```
Running TypeScript validation:
```
npm run typecheck
```