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.
