"The latest project in Triposo labs section is made with Processing. We created an interactive vector based world map - the interactive part is that the user can decide which places are used as North and South poles in the Mercator style projection. The result shows quite clearly how distorted Mercator style maps are."
Animation name: Nine Turning Squares
Created with the Processing.js language
By Rodrigo de Almeida Siqueira
Technical information to generate the animation file:
First I wrote a Processing.JS script to create an animation (I will post sample code to create similar animations in later posts) that loops with the last frame being the same of the first frame.
Inside the main loop I capture the frames from the canvas element, where the animation runs.
var img = document.getElementById('canvas_id').toDataURL("image/png");
I uploaded (using ajax) all generated "img" objects to the server so I could save all captured frames at once.
Then the final gif animation was generated with the following ImageMagick convert command: convert -layers optimize-plus -delay 4 -colors 64 +dither -scale 50% -loop 0 *png animation.gif
This is how to create a gif animation from the processing.js animation.
This is the Postbit blog and photo album from a Processing.js programmer (Rodrigo Siqueira, from Brazil).
I use the Processing language to create digital art, geometric forms, fractals, animations and to visualize equations, data sets and other graphics.