<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Programming Fundamentals &#187; Exercises</title>
	<atom:link href="http://legacy.iaacblog.com/mai2012-2013-programming/category/int-programming/exercises/feed/" rel="self" type="application/rss+xml" />
	<link>http://legacy.iaacblog.com/mai2012-2013-programming</link>
	<description>Programming Fundamentals</description>
	<lastBuildDate>Tue, 18 Dec 2012 18:15:26 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Computer Vision Project &#8211; Tracking Ring</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/12/computer-vision-project-tracking-ring/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/12/computer-vision-project-tracking-ring/#comments</comments>
		<pubDate>Sat, 01 Dec 2012 20:34:58 +0000</pubDate>
		<dc:creator>lucas.desordi@iaac.net</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Int Programming]]></category>
		<category><![CDATA[Lucas De Sordi]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=900</guid>
		<description><![CDATA[This is the first step of my&#8221;people tracker&#8221; on Processing. I have to improve the &#8216;picking the bigger glob&#8217; and make it follow the object closer to the last detection position, also I want to implement a &#8216;natural background remover&#8217; and a simple user interface. As described in the video, I can use the mouse [...]]]></description>
				<content:encoded><![CDATA[<p>This is the first step of my&#8221;people tracker&#8221; on Processing.</p>
<p>I have to improve the &#8216;picking the bigger glob&#8217; and make it follow the object closer to the last detection position, also I want to implement a &#8216;natural background remover&#8217; and a simple user interface.<br />
As described in the video, I can use the mouse click to select an color and the keyboard arrows to set the tolerance for this color, smoothing the glob region.</p>
<p>I couldn&#8217;t work with the OpenCV, so it&#8217;s another generic library. Actually i spent more time making the camera+Processing+Java+library work then writing a code. The library I used is <a href="http://webcamxtra.sourceforge.net/">this!</a></p>
<p><iframe width="730" height="548" src="http://www.youtube.com/embed/u6DIixWRH78?feature=oembed" frameborder="0" allowfullscreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/12/computer-vision-project-tracking-ring/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Computer-Vision-Drawing-motion</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/#comments</comments>
		<pubDate>Mon, 26 Nov 2012 17:01:05 +0000</pubDate>
		<dc:creator>habib.furqan@iaac.net</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Furqan Habib]]></category>
		<category><![CDATA[Int Programming]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=867</guid>
		<description><![CDATA[The aim of this exercise was to use computer vision. Computer vision is a complete field in itself. It has the power to take information from images or videos by complex methods of pixel analysis and etc. It has produced works ranging from art like display to automated robots. The xbox kinetic is an application [...]]]></description>
				<content:encoded><![CDATA[<p>The aim of this exercise was to use computer vision. Computer vision is a complete field in itself. It has the power to take   information from images or videos by complex methods of pixel analysis and etc. It has produced works ranging from art like display to automated robots. The xbox kinetic is an application of computer vision.</p>
<p><a href="http://en.wikipedia.org/wiki/Computer_vision">http://en.wikipedia.org/wiki/Computer_vision</a><br />
<a href="http://szeliski.org/Book/">http://szeliski.org/Book/</a></p>
<p>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.</p>
<p><a class="wpGallery mceItem" title="gallery" href="http://legacy.iaacblog.com/&lt;img src="></a><img class="alignnone size-medium wp-image-884" title="IMG_3054" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_3054-300x224.jpg" alt="" width="300" height="224" /><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_3053.jpg"><img class="alignnone size-medium wp-image-889" title="IMG_3053" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_3053-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_29611.jpg"><img class="alignnone size-medium wp-image-878" title="IMG_2961" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_29611-300x297.jpg" alt="" width="300" height="297" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_2965.jpg"><img class="alignnone size-medium wp-image-879" title="IMG_2965" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_2965-300x216.jpg" alt="" width="300" height="216" /></a></p>
<p>Lucky i come across an sketch in open processing (<a href="http://www.openprocessing.org/sketch/41106">link</a>) that tracks a specific selected color from camera input.</p>
<p><iframe width="500" height="281" frameborder="0" src="http://player.vimeo.com/video/54141267?badge=0"></iframe></p>
<p><a href="http://vimeo.com/54141267">color selecting</a> from <a href="http://vimeo.com/user14069088">Arfurqan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>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.</p>
<p><iframe width="500" height="281" frameborder="0" src="http://player.vimeo.com/video/54286426?badge=0"></iframe></p>
<p><a href="http://vimeo.com/54286426">video 1</a> from <a href="http://vimeo.com/user14069088">Arfurqan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/img_2961-2/' title='IMG_2961'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_29611-150x150.jpg" class="attachment-thumbnail" alt="IMG_2961" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/img_2965/' title='IMG_2965'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_2965-150x150.jpg" class="attachment-thumbnail" alt="IMG_2965" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/img_3054/' title='IMG_3054'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_3054-150x150.jpg" class="attachment-thumbnail" alt="IMG_3054" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/img_3053/' title='IMG_3053'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_3053-150x150.jpg" class="attachment-thumbnail" alt="IMG_3053" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/5-4/' title='5'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/53-150x150.jpg" class="attachment-thumbnail" alt="5" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/img_3048/' title='IMG_3048'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_3048-150x150.jpg" class="attachment-thumbnail" alt="IMG_3048" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/3-2/' title='3'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/31-150x150.jpg" class="attachment-thumbnail" alt="3" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/1-3/' title='1'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/15-150x150.jpg" class="attachment-thumbnail" alt="1" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/4-2/' title='4'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/41-150x150.jpg" class="attachment-thumbnail" alt="4" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/computer-vision-drawing-motion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AntiMap Workshop / Data visualization</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/antimap-workshop-data-visualization/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/antimap-workshop-data-visualization/#comments</comments>
		<pubDate>Wed, 21 Nov 2012 09:42:26 +0000</pubDate>
		<dc:creator>martin.lukac@iaac.net</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Int Programming]]></category>
		<category><![CDATA[Martin Lukac]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=702</guid>
		<description><![CDATA[Using the Antimap application we are able to record a data file representing our journey. The csv. file contains information such as your position ( latitude and longitude), your orientation towards the north (compass), data representing your speed in kilometers per hour, direction and time of the journey measured in milliseconds. My intention was to [...]]]></description>
				<content:encoded><![CDATA[<p>Using the Antimap application we are able to record a data file representing our journey.<br />
The <em>csv.</em> file contains information such as your position ( latitude and longitude), your<br />
orientation towards the north (compass), data representing your speed in kilometers per<br />
hour, direction and time of the journey measured in milliseconds.<br />
My intention was to create a visual representation of each piece of data distinctly, so it<br />
would be easier to understand that the final trajectory contains all the above-mentioned<br />
data. From a more narrative and static representation of each data set in the beginning<br />
of the workshop I decided to follow more abstract way of representation, using the simple<br />
geometry of lines and shapes, playing with colors and transparency.<br />
The final visualization draws the lines from data points like threads, weaving each<br />
data line into the trajectory of movement. This forms a visual fabric covering the whole<br />
area of canvas during a period of time. I used the <em>csv.</em> files from two distinct sources<br />
in order to test a diverse visual qualities, resulting in repetitive but different patterns.</p>
<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/display-layouts00.jpg"><img class="alignnone size-medium wp-image-703" title="visual_concept_01 " src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/display-layouts00-300x300.jpg" alt="" width="300" height="300" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/display-layouts002.jpg"><img class="alignnone size-medium wp-image-704" title="visual_concept_02" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/display-layouts002-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/display-layouts003.jpg"><img class="alignnone size-medium wp-image-705" title="visual_concept_03" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/display-layouts003-300x300.jpg" alt="" width="300" height="300" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/display-layouts004.jpg"><img class="alignnone size-medium wp-image-706" title="visual_concept_04" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/display-layouts004-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/A.jpg"><img class="alignnone size-medium wp-image-707" title="data_visual_01" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/A-300x300.jpg" alt="" width="300" height="300" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/B.jpg"><img class="alignnone size-medium wp-image-708" title="data_visual_02" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/B-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/C.jpg"><img class="alignnone size-medium wp-image-709" title="data_visual_03" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/C-300x300.jpg" alt="" width="300" height="300" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/D.jpg"><img class="alignnone size-medium wp-image-710" title="data_visual_04" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/D-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/B1.jpg"><img class="alignnone size-medium wp-image-711" title="data_visual_05" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/B1-300x300.jpg" alt="" width="300" height="300" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/C1.jpg"><img class="alignnone size-medium wp-image-712" title="data_visual_06" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/C1-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/D1.jpg"><img class="alignnone size-medium wp-image-713" title="data_visual_07" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/D1-300x300.jpg" alt="" width="300" height="300" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/E1.jpg"><img class="alignnone size-medium wp-image-714" title="data_visual_08" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/E1-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p><iframe src="http://player.vimeo.com/video/54077248" width="605" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<p><iframe src="http://player.vimeo.com/video/54077247" width="605" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/antimap-workshop-data-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>antiMap exercise. Home</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/antimap-exercise-home/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/antimap-exercise-home/#comments</comments>
		<pubDate>Tue, 20 Nov 2012 17:10:46 +0000</pubDate>
		<dc:creator>antanaityte.gerda@iaac.net</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Gerda Antanaityte]]></category>
		<category><![CDATA[Int Programming]]></category>
		<category><![CDATA[antiMap]]></category>
		<category><![CDATA[gerda antanaityte]]></category>
		<category><![CDATA[porcessing]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=695</guid>
		<description><![CDATA[What is your home&#8217;s relation with you? Is it missing you when you away, anticipate when you are coming back or turning to it&#8217;s direction? Making this exercise I&#8217;ve tried to visualize it. home from Gerda Antanaityte on Vimeo.]]></description>
				<content:encoded><![CDATA[<p>What is your home&#8217;s relation with you? Is it missing you when you away, anticipate when you are coming back or turning to it&#8217;s direction? Making this exercise I&#8217;ve tried to visualize it.</p>
<p><iframe width="500" height="500" frameborder="0" src="http://player.vimeo.com/video/53946680?badge=0"></iframe></p>
<p><a href="http://vimeo.com/53946680">home</a> from <a href="http://vimeo.com/user14769406">Gerda Antanaityte</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/antimap-exercise-home/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sounds of Journey</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/#comments</comments>
		<pubDate>Tue, 20 Nov 2012 03:13:09 +0000</pubDate>
		<dc:creator>habib.furqan@iaac.net</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Furqan Habib]]></category>
		<category><![CDATA[Int Programming]]></category>
		<category><![CDATA[Lucas De Sordi]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=628</guid>
		<description><![CDATA[The idea is simple to translate the journey of a person into a continuous stimulation of moods and emotion. Sounds the resultant of this stimulation is produced by changing speed, direction,relative distance to A &#038; B and the compass “look direction” to produce a multitrack “song” that with time, the user can play with it’s [...]]]></description>
				<content:encoded><![CDATA[<p>
        The  idea is simple to translate the journey of a person into a continuous stimulation of moods and emotion. Sounds the resultant of this stimulation is produced  by changing speed, direction,relative distance to A &#038; B and the compass “look direction” to produce a multitrack “song” that with time, the user can play with it’s composition.</p>
<p>       This is done by using an app called <a href="http://theantimap.com/">antimap</a>, 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 &#038; sound experiences. So you not only see put also hear <strong>his or her journey</strong>.  </p>
<p>       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. </p>
<p>       So We (Lucas De Sordi &#038; me) found a somehow similar sketch in open processing website (<a href="http://www.openprocessing.org/sketch/43125">link here</a>). 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.</p>
<p>       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. </p>
<p><iframe src="http://player.vimeo.com/video/53912334?badge=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<p><a href="http://vimeo.com/53912334">Untitled</a> from <a href="http://vimeo.com/user14069088">Arfurqan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>       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. </p>
<p><strong>Screen Shots</strong></p>
<p><a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/sounds-of-journey-1/' title='sounds-of-journey-1'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/sounds-of-journey-1-150x150.jpg" class="attachment-thumbnail" alt="sounds-of-journey-1" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/sounds-of-journey-1-2/' title='sounds-of-journey-1'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/sounds-of-journey-11-150x150.jpg" class="attachment-thumbnail" alt="sounds-of-journey-1" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/sounds-of-journey-2/' title='sounds-of-journey-2'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/sounds-of-journey-2-150x150.jpg" class="attachment-thumbnail" alt="sounds-of-journey-2" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/sounds-of-journey-3/' title='sounds-of-journey-3'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/sounds-of-journey-3-150x150.jpg" class="attachment-thumbnail" alt="sounds-of-journey-3" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/img_3023/' title='IMG_3023'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_3023-150x150.jpg" class="attachment-thumbnail" alt="IMG_3023" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/img_3024/' title='IMG_3024'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/IMG_3024-150x150.jpg" class="attachment-thumbnail" alt="IMG_3024" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/1-2/' title='1'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/13-150x150.jpg" class="attachment-thumbnail" alt="1" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/attachment/2/' title='2'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/2-150x150.jpg" class="attachment-thumbnail" alt="2" /></a><br />
<a href='http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/untitled-2/' title='Untitled-2'><img width="150" height="150" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/Untitled-2-150x150.jpg" class="attachment-thumbnail" alt="Untitled-2" /></a></p>
<p>Since the sketch would not upload to the blog with its data (for now). we made a video. </p>
<p><iframe src="http://player.vimeo.com/video/53912335?badge=0" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<p><a href="http://vimeo.com/53912335">final</a> from <a href="http://vimeo.com/user14069088">Arfurqan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>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. </p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/sounds-of-journey/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Your moves into sound</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/your-moves-into-sound/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/your-moves-into-sound/#comments</comments>
		<pubDate>Mon, 19 Nov 2012 23:02:23 +0000</pubDate>
		<dc:creator>Moushira</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Int Programming]]></category>
		<category><![CDATA[Moushira Elamrawy]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=294</guid>
		<description><![CDATA[Ever wondered what would happen if you tracked your motion, used your motion parameters in building a sound wave? I also wondered and thought we can try. Click here to listen to the result (ps: it is super noisy). The initial idea was to track my skateboard rides and map the falls! (because I fall [...]]]></description>
				<content:encoded><![CDATA[<p>Ever wondered what would happen if you tracked your motion, used your motion parameters in building a sound wave?  I also wondered and thought we can try.   Click <a href='http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/Sinewaves.mp3'>here</a> to listen to the result<em> (ps: it is super noisy).</em><br />
The initial idea was to track my skateboard rides and map the falls! (because I fall a lot on the side walks) where the repetion of the zero speed parameter, will make a rhythm. However, due to GPS problems with my phone, I ended up using random values that don&#8217;t correspond to a specific motion track.</p>
<p>The tone was generated by building a sine wave, which is constructed by 3 parameters, a frequency, an amplitude [-1,  1] and a sampling rate.  You can learn more about sine waves <a href="http://en.wikipedia.org/wiki/Sine_wave">here</a> . The sketch on the left is a quick render of different waves constructed with different frequencies and amplitudes, <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/sinewaves.png"><img src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/sinewaves-150x150.png" alt="" title="sinewaves" width="150" height="150" class="alignleft size-thumbnail wp-image-540" /></a> which I generated using   <a href="http://audacity.sourceforge.net/download"> Audacity</a>. Even though, we are converting data to sound and not the opposite, it is still important to learn how waves are constructed before we build them.</p>
<p>Now, as far as processing is concerned, it seems that <a href="http://code.compartmental.net/tools/minim">minim</a> library makes it an interesting tool to deal with sound, nevertheless, minim examples, which are installed by default in your package, and which come with an <a href="http://code.compartmental.net/minim/javadoc"> exact illustration</a> of how sinwaves works in your code (click Sinewave on the left tab). You don&#8217;t have to stick to sinewaves, you can also construct your waves using  square or triangulate functions. They are all controlled by the same 3 parameters: (frq, amplitude, samplerate).</p>
<p>In order to move to the code, after understanding how sound is being built, we need to start by having a look on <a href="http://www.vimeo.com/16907710">how classes are built</a> , then we use that to manipulate <a href="http://theantimap.com/category/applications/antimap-html5processingjs-simple-demo"> Antimap&#8217;s example</a> (<em>Yeah, we all love free examples</em>), or generate your own from scratch, if you aren&#8217;t a fan or freebies. I needed it to help deal with csv data input, however, I think that <a href="http://www.processing.org/reference/Table.html">table()</a> could provide a better solution, but I didn&#8217;t try it. The whole idea is to use different arrays to control the sine wave parameters in the function <code> SineWave(frq, latitude, out.sampleRate()) </code> then you can manipulate the different values from different arrays and see how interesting results could come along. You can also control sine.portamento() for different effects.  If you got a the <em>&#8220;buffer underrun in AudioOutput&#8221;</em> it is mostly because your draw function has nothing there, so check the processing forum for tips, also don&#8217;t forget the minum.stop () at the end of your code, otherwise the noise will loop forever, and it is too noisy indeed:)</p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/your-moves-into-sound/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/Sinewaves.mp3" length="406673" type="audio/mpeg" />
		</item>
		<item>
		<title>visualizing data. Playing with interface</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/visualizing-data-playing-with-interface/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/visualizing-data-playing-with-interface/#comments</comments>
		<pubDate>Sun, 18 Nov 2012 17:37:25 +0000</pubDate>
		<dc:creator>antanaityte.gerda@iaac.net</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Gerda Antanaityte]]></category>
		<category><![CDATA[Int Programming]]></category>
		<category><![CDATA[Students]]></category>
		<category><![CDATA[antiMap]]></category>
		<category><![CDATA[gerda antanaityte]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=493</guid>
		<description><![CDATA[]]></description>
				<content:encoded><![CDATA[<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/1.jpg"><img class="alignnone size-thumbnail wp-image-559" style="margin: 0px; border: 0px;" title="1" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/1-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/22.jpg"><img class="alignnone size-thumbnail wp-image-560" style="margin: 0px; border: 0px;" title="2" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/22-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/3.jpg"><img class="alignnone size-thumbnail wp-image-561" style="margin: 0px; border: 0px;" title="3" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/3-150x150.jpg" alt="" width="150" height="150" /></a><br />
<a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/3.jpg"></a><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/4.jpg"><img class="alignnone size-thumbnail wp-image-562" style="margin: 0px; border: 0px;" title="4" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/4-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/51.jpg"><img class="alignnone size-thumbnail wp-image-563" style="margin: 0px; border: 0px;" title="5" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/51-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/61.jpg"><img class="alignnone size-thumbnail wp-image-564" style="margin: 0px; border: 0px;" title="6" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/61-150x150.jpg" alt="" width="150" height="150" /></a><br />
<a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/61.jpg"></a><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/72.jpg"><img class="alignnone size-thumbnail wp-image-565" style="margin: 0px; border: 0px;" title="7" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/72-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/82.jpg"><img class="alignnone size-thumbnail wp-image-566" style="margin: 0px; border: 0px;" title="8" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/82-150x150.jpg" alt="" width="150" height="150" /></a> <a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/92.jpg"><img class="alignnone size-thumbnail wp-image-567" style="margin: 0px; border: 0px;" title="9" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/92-150x150.jpg" alt="" width="150" height="150" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/visualizing-data-playing-with-interface/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>visualizing data. process</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/466/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/466/#comments</comments>
		<pubDate>Sat, 17 Nov 2012 23:48:28 +0000</pubDate>
		<dc:creator>antanaityte.gerda@iaac.net</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Gerda Antanaityte]]></category>
		<category><![CDATA[Int Programming]]></category>
		<category><![CDATA[References]]></category>
		<category><![CDATA[Students]]></category>
		<category><![CDATA[Data Visualization]]></category>
		<category><![CDATA[gerda antanaityte]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=466</guid>
		<description><![CDATA[How does your movement look like? The challenge was to find creative way to translate GPS data into visual form. The idea is quite simple. What is home?  Probably it&#8217;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 [...]]]></description>
				<content:encoded><![CDATA[<p>How does your movement look like?<br />
The challenge was to find creative way to translate GPS data into visual form.</p>
<p>The idea is quite simple. What is home?  Probably it&#8217;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.</p>
<p>Nautical and celestial cartography, where relations between objects are clearly linked in simple and aesthetic manner were inspiring graphic forms:</p>
<p><em><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/illustration_blog.jpg"><img title="nautical and celestial cartography" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/illustration_blog.jpg" alt="" width="700" height="320" /></a></em></p>
<p>first concept sketches</p>
<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/52.jpg"><img class="alignnone size-large wp-image-788" style="border: 1px solid white; margin: 1px;" title="5" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/52-1024x693.jpg" alt="" width="700" height="473" /></a></p>
<p>and here&#8217;s how my interface sketch looks like.</p>
<p><em><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/illustration_21.jpg"><img style="border: 2px solid white; margin: 2px;" title="1" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/illustration_21.jpg" alt="" width="350" height="350" /></a><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/illustration_11.jpg"><img style="border: 2px solid white; margin: 2px;" title="2" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/illustration_11.jpg" alt="" width="350" height="350" /></a></em></p>
<p>My first recording started from home to school. I used <a href="http://theantimap.com/">antiMap</a> 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&#8217;s how my trip looked like:</p>
<p><a href="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/track.jpg"><img class="alignnone size-full wp-image-484" style="margin: 2px; border: 2px solid white;" title="track" src="http://legacy.iaacblog.com/mai2012-2013-programming/files/2012/11/track.jpg" alt="" width="710" height="430" /></a></p>
<p>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.</p>
<p>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.</p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/466/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Moving Point and Line</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/the-moving-point-and-line/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/the-moving-point-and-line/#comments</comments>
		<pubDate>Tue, 13 Nov 2012 02:47:40 +0000</pubDate>
		<dc:creator>habib.furqan@iaac.net</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Furqan Habib]]></category>
		<category><![CDATA[Int Programming]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=368</guid>
		<description><![CDATA[The aim of this exercise was to take an existing code, which was a black background on which a point danced around the while leaving its teases. We had to convert this dancing single point into a dancing single line. I added a red to blue &#038; blue to red gradient to it.To make it [...]]]></description>
				<content:encoded><![CDATA[<p>The aim of this exercise was to take an existing code, which was a black background on which a point danced around the while leaving its teases. </p>
<p> We had to convert this dancing single point into a dancing single line.  I added a red to blue &#038; blue to red gradient to it.To make it more interesting. </p>
<p><strong>Code Given</strong><br />
<canvas width="400" height="400" data-processing-sources="http://legacy.iaacblog.com/intprocessing/furqanhabib/ex-5-twoloversline/TwoLoversPendulumexisting.pde"></canvas></p>
<p><strong>Code Modified</strong><br />
<canvas width="400" height="400" data-processing-sources="http://legacy.iaacblog.com/intprocessing/furqanhabib/ex-5-twoloversline/TwoLoversline.pde"></canvas></p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/the-moving-point-and-line/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Loop</title>
		<link>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/using-loop/</link>
		<comments>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/using-loop/#comments</comments>
		<pubDate>Tue, 13 Nov 2012 02:28:13 +0000</pubDate>
		<dc:creator>habib.furqan@iaac.net</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Furqan Habib]]></category>
		<category><![CDATA[Int Programming]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://legacy.iaacblog.com/mai2012-2013-programming/?p=363</guid>
		<description><![CDATA[The aim of second Exercise was to use an Iteration function. An Iteration function is a function which keeps on repeating as long a statement is correct. There are two types of iteration functions &#8220;for&#8221; &#038; &#8220;while&#8221;. (http://processing.org/reference/for.html).]]></description>
				<content:encoded><![CDATA[<p>     The aim of second Exercise was to use an Iteration function.<br />
      An Iteration function is a function which keeps on repeating as long a statement is correct. There are two types of iteration functions &#8220;for&#8221; &#038; &#8220;while&#8221;. (http://processing.org/reference/for.html). </p>
<p><canvas width="400" height="400" data-processing-sources="http://legacy.iaacblog.com/intprocessing/furqanhabib/ex-2-using-loop/ex1.pde"></canvas></p>
<p><canvas width="400" height="400" data-processing-sources="http://legacy.iaacblog.com/intprocessing/furqanhabib/ex-2-using-loop/ex3.pde"></canvas></p>
]]></content:encoded>
			<wfw:commentRss>http://legacy.iaacblog.com/mai2012-2013-programming/2012/11/using-loop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
