pixelsorting with p5.js
follow me on instagram for updates

threshhold threshhold
how bright the difference between two pixels needs to be,
in order for them to be sorted
Tip: think of this as your "play slider" the threshhold controls every other effect

0

offset offset
controls how many pixel will be skipped between the two pixels to be sorted

0

chaos chaos
adds an offset ignoring color channels. can decimate an image really quickly
Tip: try using a smaller threshhold to not destroy the image
or set the chaos value to the max for "faster" pixelsorting

0

separation separation
separates the rgb channels producing cool shift effect. doesnt always work but can add some nice colors
Tip: set the threshhold to 0 and play with the separation

0

Drag and drop or click

to upload an image. Play with the treshhold to start sorting. 2 Press left- and rightclick to change the sorting direction, or use the arrowkeys.

To save an animation press the record button to start recording. The animation will restart and will end when you press the button again.