“La Gabbia” (The Cage) by auroraMeccanica (2011) is an installation that uses projection to invite the public to interact with physical bird cage to trigger the release of projected birds. At the center of a darkened room, a birdcage hanging from the ceiling it’s lit only by the white beam of the projector and its on the wall. Uncover the bird’s presence through playing a game, a very simple game in which we just have to push the cage and shake it.

I found this beautiful project here

La Gabbia – auroraMeccanica – videoinstallazione interattiva from auroraMeccanica on Vimeo.

The idea is quite simple. What is home?  Probably it’s your center of the world. Every journey starts and ends here.  I picked  my home as initial point and marked it as origin of the drawing. Movement is illustrated by stretching coordinate lines. In that case you can always see how far you are from initial point.

Nautical and celestial cartography, where relations between objects are clearly linked in simple and aesthetic manner were inspiring graphic forms:

first concept sketches

and here’s how my interface sketch looks like.

My first recording started from home to school. I used antiMap application, which gathered data about speed, distance, time, compass position, longitude and latitude. It was interesting experience to see this trip visualized. Somehow it looked like personal documentary cartoon. Here’s how my trip looked like:

Size of ellipse represents speed, color changes are compass position. Even there’s no information about streets, from speed and ellipse position you can clearly define where are crossroads with traffic lights. I never thought how my trip would look like. It shows how maps can be informative as well creative by invoking different tools.

In example you can see only one way trip, but tomorrow I will go to the beach and probably come back home :) It will help to complete my map.

So how does it work? The red part counts seconds: every loop (60 seconds) it pushes yellow minute line forward. When minute’s part reaches the end, it lifts blue hour up. You have to get used to understand what the time is, but finally there’s a picture of changing composition, which is based on classical RYB colors and flavor of 1930-ies.

here’s linear ..

..and gradient clock:

1.- Connect to IAAC’s FTP with your favorite FTP software.
2.- Upload the Processing files (.pde) to your folder (optional: create more folders inside yours to have your sketches orginized)
3.- In the WordPress admin panel create a New Post and make sure that the content field is in HTML mode (not Visual mode)
4.- Type the text you want as an explanation of the task and include a canvas tag indicating the path to your file in the attribute data-processing-sources
5.- Add to the canvas tag the width and height attributes indicating the size of your processing canvas
6.- Add categories and tags to your post… and we are good to go! (I mean, click the Update button ;)

Here is an example, your canvas tag should look something like this:
<canvas width="640" height="480" data-processing-sources="http://legacy.iaacblog.com/intprocessing/cristobalcastilla/T03_02_ClockAnalog.pde"></canvas>

You should see the following sketch:

FYI: we’re using Processing JS to make processing sketches work in the browser. Please visit the plug-in’s page to read more info about it.

void setup() {
size (190, 120);
}
void draw(){
noStroke();
fill(255,223,58);
rect(0, 0, 190, 120);
fill(255,12,13);
rect(0,13,190,14);
fill(255,12,13);
rect(0,40,190,14);
fill(255,12,13);
rect(0,67,190,14);
fill(255,12,13);
rect(0,94,190,14);
}

And these are all flags made by Processing: