For this sketch, I was testing out how to make Processing recognize a series of .png files, and display them in a sequential order, so that it looks like an animated image.

I utilized imageCount, which you can program to recognize the format of your filenames that Processing is drawing data from. Therefore, you don’t have to manually type in each file within the code itself. This is especially helpful if you have a lot of images.

I also used mousePressed, so that the lines would “grow” if you held down the mouse button; and would stop growing if you released the mouse button.

Github of code:
https://github.com/geipanda/Sketch5_ImageSequence

Resources:
– This example on Processing helped me to figure out the imageCount function.
– Animation created by me.