http://en.wikipedia.org/wiki/Computer_vision
http://szeliski.org/Book/

So my idea was to use computer vision to draw and trace the motion of a wheels on a canvas. I was already doing an exercise in fabrication class, to use laser cutter and make various wheels, and then look at their motion. So my intention was to capture the motion of these wheels and draw it by using a computer vision sketch in processing . Below are few ideas that i sketched to see how the drawing should look like.

Lucky i come across an sketch in open processing (link) that tracks a specific selected color from camera input.

color selecting from Arfurqan on Vimeo.

Now all i needed to do is to modify the code so that it tracks and it draws at the same time and does it according to required display.

video 1 from Arfurqan on Vimeo.

For more info here is the link

This is done by using an app called antimap, which captures your position, speed, direction to the compass, while you are rooming in the city. Processing is use to make a sketch which uses these data and translates it into into a visual & sound experiences. So you not only see put also hear his or her journey.

So with a this basic concept we went to drawing board and started sketching how the display would look like and what kind of environment the object would be. The object is just a representation of a persons journey.

So We (Lucas De Sordi & me) found a somehow similar sketch in open processing website (link here). We used this sketch as a reference for our idea because it uses the potions of mouse to produce a certain kind of sound. we liked the idea of a certain kind of sound.

We first made a sketch that visualizes the movement of mouse to produce sound. This was to test the variation and range of sounds that can be produced. Later this movement of mouse would be replaced be the movement of humans in the city.

Untitled from Arfurqan on Vimeo.

In next step (major coding) the data from antimap, the visual display and the production of sound. All these happen written into a simple code. Here are a few screen shots.

Screen Shots

Since the sketch would not upload to the blog with its data (for now). we made a video.

final from Arfurqan on Vimeo.

ok from start we wanted to have a more zen like peaceful melodies sounds, Since the example for the sound was not the right example it was hard for u the change it at this moment, secondly the sound was going to be produced by the direction of once head and this event would also be shown on the display.

We had to convert this dancing single point into a dancing single line. I added a red to blue & blue to red gradient to it.To make it more interesting.

Code Given

Code Modified

The second’s frame changes it color from blue to red as it progresses. The hour frame is vise versa to the second frame. The minute frames is represented by green.

Display

The Perspective Clock

The whole exercise revolved around how to make shapes (rectangle, circle – ellipse & various polygon) with the right color, size and putting it at the correct location of our canvas. So that in the end we have a flags drawn by the computer using processing to type the instruction.

Below are the few basic instruction that we used, of cause you can find about it more form processing library. (http://processing.org/reference/)

size(width, height);—————————–the size of your canvas
fill(red value, green value2, blue value3,);——–the color of the object
rect(x, y, width, height);———————– draw a rectangle
ellipse(x, y, width, height);———————-draw an ellipse or circle

Bahrain

Catalonia

Greece

Guyana

Iceland

Kuwait

Maldive

Bahams