That way, when the gif keeps repeating, it will seem as though the image is continually moving. The idea behind an animated gif which seems to be a continuous loop is to create a sequence of frames whose last frame is essentially the same as the first.
I’ll assume you’ve done some work with Processing, so you understand the setup and draw functions, you know that background(0, 0, 0) sets the background color to black, etc. Here is the code that produces the moving circles. For some truly amazing animated gifs, visit David Whyte’s Bees & Bombs page, or my friend Roger Antonsen’s Art page.
So I thought I’d devote today’s post to showing you how to create a rather simple animated gif.Ĭertainly not very exciting, but I wanted to use an example where I can include all the code and explain how it works. But it was my first animated gif, so I thought I’d include it anyway.)Īnd, of course, my students wanted to learn how to make them. (I’m not sure exactly why the circles look like they have such jagged edges - must have to do with the say WordPress uploads the gif. Last week at our Digital Art Club meeting, I mentioned that I had started making a few animated gifs using Processing.