I always wanted to write code that distorts images. I gave it a first shot with processing.

The code applies three consecutive passes of distortion with differing strengths:

  1. RGB noise moves the RGB values by different amounts
  2. Pixel shift moves whole pixels up/down
  3. Pixel scrumble moves whole pixels around

The strength of all three passes is 0 at the bottom of the image and increases to its max at the top of the image. The bottom also has a range where there is no distortion applied at all.

Due to the way the algorithm works, you can still clearly identify the kind of image from the bottom part. The most interesting part in my opinion is around the middle, while at the top it becomes unrecognizable for most inputs.

Below are two examples of what the outcome could look like. You can find the code that I wrote to generate these images on GitHub.

Photo by H.F.E & CO on Unsplash
Photo by Jeffrey Grospe on Unsplash

I used the glitch algorithm to create a series of posters on the topic of “resilient future”. The idea behind it is that while the image glitches more and more towards the top (the future), the “Stay Resilient” lettering represents the original unglitched image; therefore being “resilient”. The original images belong to Futurice.

Stay resilient with Futurice