This particular script loops through both the columns and the rows of the image, but it doesn’t pixel sort the entire column or row, if it did, the result would look more like a blank gradient than anything interesting. Once you’ve updated the script with the name of your file simply press the Run button at the top left of the Processing window (it looks like a play button) and in a few seconds you should see a window with the results, a new image should also be saved to the sketch directory.

Place your PNG in the same directory as the ASDFPixelSort.pde (which Processing may have placed in a new sub directory) and update the script with the filename. In the script, which are referred to as sketches in Processing, you’ll need to change the following lines to point the script at the image you want to pixel sort: // image path is relative to sketch directoryįor this tutorial we’ll use a PNG, though Processing supports GIF, JPG and TGA as well. Once you’ve downloaded the ZIP you can extract the sorting script and open it in Processing by selecting:Īnd navigating to the ASDFPixelSort.pde script file.

If you’re familiar with GitHub you can do this a number of other ways. Next select a pixel sorting script to start from, my own pixel sorting scripts are not written for Processing so for the purposes of this tutorial we’ll use a popular script made available by glitch artist Kim Asendorf, the ASDF Pixel Sort.ĭownload the ASDFPixelSort.pde from Kim’s GitHub repository by clicking the green button labelled Clone or download and select Download ZIP. To get started download and install the latest version of Processing, version 3.1.1 at the time of writing this. One popular programming language for pixel sorting is Processing.

Datamosh a video online