<?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>Tobias Toft &#187; processing</title>
	<atom:link href="http://tobiastoft.dk/tag/processing/feed" rel="self" type="application/rss+xml" />
	<link>http://tobiastoft.dk</link>
	<description>About interaction design, geeky things and maybe even Helvetica.</description>
	<lastBuildDate>Thu, 22 Apr 2010 14:31:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>First Skills Upgrade</title>
		<link>http://tobiastoft.dk/first-skills-upgrade</link>
		<comments>http://tobiastoft.dk/first-skills-upgrade#comments</comments>
		<pubDate>Wed, 04 Feb 2009 15:14:24 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[electronics]]></category>
		<category><![CDATA[exhibition]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[fourteenth week]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[prototyping]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=268</guid>
		<description><![CDATA[Ouch. This stuff actually happened before Christmas&#8230; I&#8217;m not that good at updating regularly. I&#8217;ll be back soon with a post about the TUI course we just finished, and hopefully that will make this site a bit more up-to-date. Well, the last week before Christmas was dedicated to &#8220;Skills Upgrade&#8221;-courses. The class was split in [...]]]></description>
			<content:encoded><![CDATA[<p>Ouch. This stuff actually happened before Christmas&#8230; I&#8217;m not that good at updating regularly. I&#8217;ll be back soon with a post about the TUI course we just finished, and hopefully that will make this site a bit more up-to-date.</p>
<p>Well, the last week before Christmas was dedicated to &#8220;Skills Upgrade&#8221;-courses. The class was split in two, one half was working with <a title="James' website" href="http://www.jamestichenor.net/" target="_blank">James Tichenor</a> and <a title="Josh's blog" href="http://random.conflux.org/" target="_blank">Joshua Walton</a> from <a title="Rockwell group's website" href="http://www.rockwellgroup.com/" target="_blank">Rockwell Group</a>, on different proposals for interactive installations for <a title="Pics from the SAS Hotel" href="http://luxuryexperience.com/hotels_and_resorts/denmark_hotels/radisson_sas_royal_hotel.html" target="_blank">SAS Royal Hotel</a> in Copenhagen. The other half (which I was part of) worked with games and computer vision which was taught by <a title="Yaniv's site" href="http://www.nastypixel.com" target="_blank">Yaniv Steiner</a>.</p>
<p style="text-align: center;"><img class="size-medium wp-image-308 aligncenter" title="skills_upgrade-5-medium" src="http://tobiastoft.dk/wp-content/uploads/skills_upgrade-5-medium-450x344.jpg" alt="The scoreboard featuring &quot;pebernødder&quot;" width="450" height="344" /></p>
<p>We spent the week experimenting with different small things within the field of computer vision. The first project we did, was the game &#8220;Style Wars&#8221; &#8211; a reaction game, where you use your hand as the game controller. The game is very simple: you and your opponent face each other like in a classic western duel. When you hear a specific bang-sound, it&#8217;s all about being fastest to draw your gun (gun = pointing hand). If you react too early (before the right sound), you lose. The name &#8220;Style Wars&#8221; doesn&#8217;t really make much sense &#8211; but the reason for the name is, that in the game, one player has the role of a flamenco-dude, the other player is a hip-hopper. I am assuming that it&#8217;s common knowledge that flamenco-dancers and hip-hoppers don&#8217;t get along very well.</p>
<div style="text-align:center"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="450" height="338" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=42e654b7af&amp;photo_id=3174036314&amp;show_info_box=true" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/video/stewart.swf?v=67090" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="450" height="338" src="http://www.flickr.com/apps/video/stewart.swf?v=67090" allowfullscreen="true" bgcolor="#000000" flashvars="intl_lang=en-us&amp;photo_secret=42e654b7af&amp;photo_id=3174036314&amp;show_info_box=true"></embed></object></div>
<p><a title="Mellis' Flickr stream" href="http://www.flickr.com/photos/mellis/" target="_blank">Dave Mellis</a> captured me and Erlend dueling in the video above. After making &#8220;Style Wars&#8221; which was based on simple Flash-motion tracking, we moved on to reacTIVision, where we made our own lo-fi <a title="Go to the reactable website" href="http://mtg.upf.es/reactable/" target="_blank">reactable</a> with a standard camcorder, a window and a desklamp. We used the table for testing and having fun with both Flash and Processing.org. One of the applications were a &#8220;body-mixer&#8221;, that made it possible to build your own custom CIID student (or freak) by mixing the legs, torsos and heads from all of us. The controls were three &#8220;dials&#8221; with <a title="Fiducials at the reactable website" href="http://mtg.upf.es/reactable/?software" target="_blank">fiducials</a> underneath.</p>
<p style="text-align: center;"><img class="size-full wp-image-311 aligncenter" title="skills_upgrade-55-450x520" src="http://tobiastoft.dk/wp-content/uploads/skills_upgrade-55-450x520.jpg" alt="Playing with the body-mixer" width="450" height="520" /></p>
<p>I uploaded some pics from the skills upgrade on Flickr &#8211; you should check them out if you want to see some of the other cool stuff people made, like the Dancing Game, for instance&#8230; The thumbnails are here:</p>
<div style="text-align:center"><a class="flickr-image" title="The last minute light solution" href="http://www.flickr.com/photos/30656616@N02/3127101299/"><img src="http://farm4.static.flickr.com/3119/3127101299_60fc999bba_s.jpg" alt="The last minute light solution" /></a><a class="flickr-image" title="Dave" href="http://www.flickr.com/photos/30656616@N02/3127102371/"><img src="http://farm4.static.flickr.com/3085/3127102371_86b26d705a_s.jpg" alt="Dave" /></a><a class="flickr-image" title="Erlend won" href="http://www.flickr.com/photos/30656616@N02/3127931766/"><img src="http://farm4.static.flickr.com/3094/3127931766_fb69c22e1b_s.jpg" alt="Erlend won" /></a><a class="flickr-image" title="Scoreboard" href="http://www.flickr.com/photos/30656616@N02/3127933340/"><img src="http://farm4.static.flickr.com/3101/3127933340_c29e7381e5_s.jpg" alt="Scoreboard" /></a><a class="flickr-image" title="Jacob" href="http://www.flickr.com/photos/30656616@N02/3127111701/"><img src="http://farm4.static.flickr.com/3216/3127111701_416bcd5a9a_s.jpg" alt="Jacob" /></a><a class="flickr-image" title="Fiducials" href="http://www.flickr.com/photos/30656616@N02/3127942126/"><img src="http://farm4.static.flickr.com/3109/3127942126_ea9f19a600_s.jpg" alt="Fiducials" /><br />
</a><a class="flickr-image" title="Danger! Dutch techno ahead" href="http://www.flickr.com/photos/30656616@N02/3127944052/"><img src="http://farm4.static.flickr.com/3085/3127944052_61fda46fe9_s.jpg" alt="Danger! Dutch techno ahead" /></a><a class="flickr-image" title="Danger!" href="http://www.flickr.com/photos/30656616@N02/3127946312/"><img src="http://farm4.static.flickr.com/3293/3127946312_882a91c74a_s.jpg" alt="Danger!" /></a><a class="flickr-image" title="A wall" href="http://www.flickr.com/photos/30656616@N02/3127949792/"><img src="http://farm4.static.flickr.com/3262/3127949792_a201d6618a_s.jpg" alt="A wall" /></a><a class="flickr-image" title="A wall" href="http://www.flickr.com/photos/30656616@N02/3127952410/"><img src="http://farm4.static.flickr.com/3195/3127952410_0823efd7ca_s.jpg" alt="A wall" /></a><a class="flickr-image" title="Style Wars" href="http://www.flickr.com/photos/30656616@N02/3127953266/"><img src="http://farm4.static.flickr.com/3266/3127953266_9f496f74eb_s.jpg" alt="Style Wars" /></a><a class="flickr-image" title="The camera we used for Style Wars" href="http://www.flickr.com/photos/30656616@N02/3127126035/"><img src="http://farm4.static.flickr.com/3296/3127126035_c25c936319_s.jpg" alt="The camera we used for Style Wars" /><br />
</a><a class="flickr-image" title="The camera we used for Style Wars" href="http://www.flickr.com/photos/30656616@N02/3127954996/"><img src="http://farm4.static.flickr.com/3163/3127954996_a2df3f8b52_s.jpg" alt="The camera we used for Style Wars" /></a><a class="flickr-image" title="Jacob and his thing" href="http://www.flickr.com/photos/30656616@N02/3127957182/"><img src="http://farm4.static.flickr.com/3090/3127957182_24f8bfd668_s.jpg" alt="Jacob and his thing" /></a><a class="flickr-image" title="Tired people" href="http://www.flickr.com/photos/30656616@N02/3127958696/"><img src="http://farm4.static.flickr.com/3259/3127958696_d982053464_s.jpg" alt="Tired people" /></a><a class="flickr-image" title="Eline explaining" href="http://www.flickr.com/photos/30656616@N02/3127131825/"><img src="http://farm4.static.flickr.com/3220/3127131825_fe395f2304_s.jpg" alt="Eline explaining" /></a><a class="flickr-image" title="Eline's light installation" href="http://www.flickr.com/photos/30656616@N02/3127961212/"><img src="http://farm4.static.flickr.com/3133/3127961212_e5eb3397b6_s.jpg" alt="Eline's light installation" /></a><a class="flickr-image" title="Eline's light installation" href="http://www.flickr.com/photos/30656616@N02/3127963106/"><img src="http://farm4.static.flickr.com/3210/3127963106_33f17d6fe1_s.jpg" alt="Eline's light installation" /><br />
</a><a class="flickr-image" title="Eline's light installation" href="http://www.flickr.com/photos/30656616@N02/3127137131/"><img src="http://farm4.static.flickr.com/3117/3127137131_dc4e66165f_s.jpg" alt="Eline's light installation" /></a><a class="flickr-image" title="Eline's light installation" href="http://www.flickr.com/photos/30656616@N02/3127138829/"><img src="http://farm4.static.flickr.com/3236/3127138829_c5f86f9b9c_s.jpg" alt="Eline's light installation" /></a><a class="flickr-image" title="Kevin catching the ball" href="http://www.flickr.com/photos/30656616@N02/3127140569/"><img src="http://farm4.static.flickr.com/3207/3127140569_52b29d479c_s.jpg" alt="Kevin catching the ball" /></a><a class="flickr-image" title="Kevin catching the ball" href="http://www.flickr.com/photos/30656616@N02/3127970010/"><img src="http://farm4.static.flickr.com/3123/3127970010_bfa4721b76_s.jpg" alt="Kevin catching the ball" /></a><a class="flickr-image" title="Ujjval explaining" href="http://www.flickr.com/photos/30656616@N02/3127142897/"><img src="http://farm4.static.flickr.com/3248/3127142897_9b5ac8454c_s.jpg" alt="Ujjval explaining" /></a><a class="flickr-image" title="Ujjval's sketch with fast shutter" href="http://www.flickr.com/photos/30656616@N02/3127144705/"><img src="http://farm4.static.flickr.com/3283/3127144705_1b8797cbc2_s.jpg" alt="Ujjval's sketch with fast shutter" /><br />
</a><a class="flickr-image" title="Ujjval's sketch" href="http://www.flickr.com/photos/30656616@N02/3127145819/"><img src="http://farm4.static.flickr.com/3262/3127145819_124f13e392_s.jpg" alt="Ujjval's sketch" /></a><a class="flickr-image" title="Yves explaining" href="http://www.flickr.com/photos/30656616@N02/3127146443/"><img src="http://farm4.static.flickr.com/3095/3127146443_d1d90dbc74_s.jpg" alt="Yves explaining" /></a><a class="flickr-image" title="Ash checking out Jacob's thing" href="http://www.flickr.com/photos/30656616@N02/3127147819/"><img src="http://farm4.static.flickr.com/3288/3127147819_aa142f1961_s.jpg" alt="Ash checking out Jacob's thing" /></a><a class="flickr-image" title="Jacob's graphics projected on the wall" href="http://www.flickr.com/photos/30656616@N02/3127976758/"><img src="http://farm4.static.flickr.com/3216/3127976758_3716b91591_s.jpg" alt="Jacob's graphics projected on the wall" /></a><a class="flickr-image" title="Playing with Jacob's thing" href="http://www.flickr.com/photos/30656616@N02/3127978566/"><img src="http://farm4.static.flickr.com/3295/3127978566_614f44da1e_s.jpg" alt="Playing with Jacob's thing" /></a><a class="flickr-image" title="reactable" href="http://www.flickr.com/photos/30656616@N02/3127176221/"><img src="http://farm4.static.flickr.com/3090/3127176221_a61f72a194_s.jpg" alt="reactable" /><br />
</a><a class="flickr-image" title="A view through Jason's glasses" href="http://www.flickr.com/photos/30656616@N02/3128005584/"><img src="http://farm4.static.flickr.com/3089/3128005584_68a52cab4a_s.jpg" alt="A view through Jason's glasses" /></a><a class="flickr-image" title="Francesco again" href="http://www.flickr.com/photos/30656616@N02/3127180373/"><img src="http://farm4.static.flickr.com/3259/3127180373_e2935b6a60_s.jpg" alt="Francesco again" /></a><a class="flickr-image" title="The dancing game" href="http://www.flickr.com/photos/30656616@N02/3128009872/"><img src="http://farm4.static.flickr.com/3130/3128009872_6bdcec43b3_s.jpg" alt="The dancing game" /></a><a class="flickr-image" title="Francesco dancing" href="http://www.flickr.com/photos/30656616@N02/3127183723/"><img src="http://farm4.static.flickr.com/3130/3127183723_0b084dbaf2_s.jpg" alt="Francesco dancing" /></a><a class="flickr-image" title="The dancing game" href="http://www.flickr.com/photos/30656616@N02/3127185457/"><img src="http://farm4.static.flickr.com/3112/3127185457_4a332ff821_s.jpg" alt="The dancing game" /></a><a class="flickr-image" title="Simona" href="http://www.flickr.com/photos/30656616@N02/3127187165/"><img src="http://farm4.static.flickr.com/3262/3127187165_d9dbb47eed_s.jpg" alt="Simona" /><br />
</a><a class="flickr-image" title="1-day reactable" href="http://www.flickr.com/photos/30656616@N02/3128017890/"><img src="http://farm4.static.flickr.com/3234/3128017890_190a6dc2cc_s.jpg" alt="1-day reactable" /></a><a class="flickr-image" title="Fast shutter = Funky colors" href="http://www.flickr.com/photos/30656616@N02/3127192519/"><img src="http://farm4.static.flickr.com/3101/3127192519_11a6d2bf0d_s.jpg" alt="Fast shutter = Funky colors" /></a><a class="flickr-image" title="Yves shooting fiducials" href="http://www.flickr.com/photos/30656616@N02/3128021534/"><img src="http://farm4.static.flickr.com/3086/3128021534_b2f39df361_s.jpg" alt="Yves shooting fiducials" /></a><a class="flickr-image" title="Magnus and the scoreboard" href="http://www.flickr.com/photos/30656616@N02/3128024056/"><img src="http://farm4.static.flickr.com/3246/3128024056_e7b1a6d132_s.jpg" alt="Magnus and the scoreboard" /></a><a class="flickr-image" title="Skills upgrade exhibition" href="http://www.flickr.com/photos/30656616@N02/3127197861/"><img src="http://farm4.static.flickr.com/3109/3127197861_a709d46861_s.jpg" alt="Skills upgrade exhibition" /></a><a class="flickr-image" title="It's in the hair" href="http://www.flickr.com/photos/30656616@N02/3128026550/"><img src="http://farm4.static.flickr.com/3237/3128026550_f866ca89ec_s.jpg" alt="It's in the hair" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/first-skills-upgrade/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Computational Design Exhibition: My poster</title>
		<link>http://tobiastoft.dk/my-poster</link>
		<comments>http://tobiastoft.dk/my-poster#comments</comments>
		<pubDate>Fri, 10 Oct 2008 12:39:29 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[computational design]]></category>
		<category><![CDATA[exhibition]]></category>
		<category><![CDATA[fourth week]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=169</guid>
		<description><![CDATA[Here&#8217;s a quick pre-release! My poster for the exhibition this afternoon. The graphics on the poster describe the head and hand movements of people performing a typical greeting from their home country. Recorded data (using a Wii Remote) consisting of the pitch and roll values of the movements, has been normalised and divided into 400 [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s a quick pre-release! My poster for the exhibition this afternoon.</p>
<p>The graphics on the poster describe the head and hand movements of people performing a typical greeting from their home country. Recorded data (using a Wii Remote) consisting of the pitch and roll values of the movements, has been normalised and divided into 400 steps each. The visualisation &#8211; formed by coloured ribbons &#8211; allows a comparison of the different greetings just by looking at the overall shape.</p>
<div id="attachment_176" class="wp-caption aligncenter" style="width: 434px"><a href="http://tobiastoft.dk/wp-content/uploads/ribbons-poster-medium.jpg"><img class="size-medium wp-image-176" title="ribbons-poster-medium" src="http://tobiastoft.dk/wp-content/uploads/ribbons-poster-medium-424x600.jpg" alt="Coloured Ribbons - my poster based on computational design" width="424" height="600" /></a><p class="wp-caption-text">Coloured Ribbons - my poster based on computational design</p></div>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/my-poster/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Setting up friday&#8217;s exhibition</title>
		<link>http://tobiastoft.dk/setting-up-fridays-exhibition</link>
		<comments>http://tobiastoft.dk/setting-up-fridays-exhibition#comments</comments>
		<pubDate>Thu, 09 Oct 2008 20:50:47 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[computational design]]></category>
		<category><![CDATA[exhibition]]></category>
		<category><![CDATA[fourth week]]></category>
		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=162</guid>
		<description><![CDATA[Tomorrow is the last day of the Computational Design course. We&#8217;re ending the course with an exhibition, where we are showing our work. Basically it is going to be a mix between posters and interactive installations to try out. All based on data from a Wii Remote. This post is just going to be short: [...]]]></description>
			<content:encoded><![CDATA[<p>Tomorrow is the last day of the Computational Design course. We&#8217;re ending the course with an exhibition, where we are showing our work. Basically it is going to be a mix between posters and interactive installations to try out. All based on data from a Wii Remote. This post is just going to be short: 3 pictures I took right before leaving this evening.</p>
<div id="attachment_164" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/wp-content/uploads/ciid-setting-up-exhibition-11.jpg"><img class="size-medium wp-image-164" title="Setting up the exhibition" src="http://tobiastoft.dk/wp-content/uploads/ciid-setting-up-exhibition-11-450x299.jpg" alt="Preparing hangers for the posters in the exhibition room" width="450" height="299" /></a><p class="wp-caption-text">Preparing hangers for the posters in the exhibition room</p></div>
<div id="attachment_165" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/wp-content/uploads/ciid-emacs-are-almost-ready-1.jpg"><img class="size-medium wp-image-165" title="eMacs are almost ready" src="http://tobiastoft.dk/wp-content/uploads/ciid-emacs-are-almost-ready-1-450x264.jpg" alt="The eMacs are almost ready for running the Processing sketches" width="450" height="264" /></a><p class="wp-caption-text">The eMacs are almost ready for running the Processing sketches</p></div>
<div id="attachment_166" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/wp-content/uploads/ciid-erlend-and-dennis-1.jpg"><img class="size-medium wp-image-166" title="Erlend and Dennis" src="http://tobiastoft.dk/wp-content/uploads/ciid-erlend-and-dennis-1-450x315.jpg" alt="Meanwhile Erlend is sucking out the last bit of information in Dennis' brain" width="450" height="315" /></a><p class="wp-caption-text">Meanwhile Erlend is sucking out the last bit of information from Dennis’ brain</p></div>
<p>There will be more information later this weekend, when the exhibition is over and I am sober (that almost rhymes).</p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/setting-up-fridays-exhibition/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Computational Design!</title>
		<link>http://tobiastoft.dk/computational-design</link>
		<comments>http://tobiastoft.dk/computational-design#comments</comments>
		<pubDate>Mon, 06 Oct 2008 12:05:12 +0000</pubDate>
		<dc:creator>Tobias</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[ciid]]></category>
		<category><![CDATA[fourth week]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[third week]]></category>

		<guid isPermaLink="false">http://tobiastoft.dk/?p=141</guid>
		<description><![CDATA[First post in a long time! Last week and this week has been all about computational design. I assume you all know what computational design is, but for the guy who accidentally got in here while searching for pictures of the Pope riding a chopper, i&#8217;ll try to explain it anyway: Computational design is basically [...]]]></description>
			<content:encoded><![CDATA[<p>First post in a long time! Last week and this week has been all about computational design. I assume you all know what computational design is, but for the guy who accidentally got in here while searching for pictures of the Pope riding a chopper, i&#8217;ll try to explain it anyway:</p>
<p>Computational design is basically when you use a computational approach to design something. It can be everything from physical products to pure aesthetics (e.g. this fuzzy thing called art). It is often used in the field of &#8220;information visualization&#8221;, where you use computational methods to visualize information graphically to give an overview of e.g. large or complex amounts of data. This is where computers come in handy, as computational design often includes a lot of math and calculations. A classical example of computational graphics is the visualization of <a title="Wikipedia knows everything" href="http://en.wikipedia.org/wiki/Mandelbrot_set" target="_blank">Mandelbrot sets</a>. Mandelbrot sets are practically impossible to draw by hand because of their complexity, but for computers it is a piece of cake.</p>
<div id="attachment_155" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/wp-content/uploads/mandelbrot.jpg"><img class="size-medium wp-image-155" title="mandelbrot" src="http://tobiastoft.dk/wp-content/uploads/mandelbrot-450x449.jpg" alt="Mandelbrot sets would not be funny to draw by hand" width="450" height="449" /></a><p class="wp-caption-text">Mandelbrot sets would not be funny to draw by hand</p></div>
<p>My task for this week is to visualize and present data that we (my group consisting of an <a title="Adam's blog" href="http://www.localhiddenvariable.com/ciid/" target="_blank">american</a>, an indian, an italian, a korean and two danes) have collected by strapping a <a title="Visit Wikipedia" href="http://en.wikipedia.org/wiki/Wii_Remote" target="_blank">WiiRemote</a> to people&#8217;s hands and heads while they do the common greeting of their home country. Meaning that the danish guy is shaking hands, the italian girl is kissing cheeks, the indian guy is bowing and so on. I&#8217;m not really sure how to do it yet, but I have an idea of visualizing the accelerometer data in a way that will show the similarities of the different greetings. On friday we will be exhibiting the results of these two weeks, with both static and interactive stuff to look at and try out.</p>
<p>We use <a title="Try Processing!" href="http://www.processing.org" target="_blank">Processing</a> to gather and visualize the data. It is quite easy to get started with Processing &#8211; especially if you know a little bit of programming (especially Java) beforehand. I did some small programs in Processing last week, before starting the greetings-project. One of my first sketches was an interactive clock, with three trees growing according to the current time of the day. The trees are generated by using recursive mathematical functions (mostly vectors as in linear algebra) spiced up with a bit of randomness, giving an almost infinite number of different kinds of trees.</p>
<div id="attachment_148" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/wp-content/uploads/treeclock.jpg"><img class="size-medium wp-image-148" title="treeclock" src="http://tobiastoft.dk/wp-content/uploads/treeclock-450x335.jpg" alt="The interactive Tree Clock" width="450" height="335" /></a><p class="wp-caption-text">The partly interactive Tree Clock</p></div>
<p>By the way, the trees also react to the sound in the room, so if you shout at them, they will shiver.</p>
<p>Another thing I have been doing is a graphics filter, based on the work of <a title="Visit Craig's blog" href="http://blog.craig-mackenzie.com/2008/02/25/pixel-path-my-preliminary-steps-into-generative-art/" target="_blank">Craig T. MacKenzie</a>, that maps pixels in an image and draw lines between them. The result is not as beautiful as Craig&#8217;s PixelPath images, but at least I learned a lot about processing images and handling large amounts of data.</p>
<div id="attachment_147" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/wp-content/uploads/havevarmer-006-lille1.jpg"><img class="size-medium wp-image-147" title="Patio Heater" src="http://tobiastoft.dk/wp-content/uploads/havevarmer-006-lille1-450x337.jpg" alt="A close-up of a patio heater used for processing" width="450" height="337" /></a><p class="wp-caption-text">A close-up image of a patio heater used for testing my code</p></div>
<div id="attachment_144" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/wp-content/uploads/image-12-45-71.jpg"><img class="size-medium wp-image-144" title="HalfWay-PatioHeater" src="http://tobiastoft.dk/wp-content/uploads/image-12-45-71-450x337.jpg" alt="The filter approximately half way through processing an image" width="450" height="337" /></a><p class="wp-caption-text">The filter approximately half way through processing the image above</p></div>
<div id="attachment_151" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/wp-content/uploads/patio-pixelexplorer1024.jpg"><img class="size-medium wp-image-151" title="patio-pixelexplorer1024" src="http://tobiastoft.dk/wp-content/uploads/patio-pixelexplorer1024-450x337.jpg" alt="Final result" width="450" height="337" /></a><p class="wp-caption-text">The final result</p></div>
<p>If you&#8217;re interested in seeing some really nice computational art, take a look at <a title="Alex Dragulescu's work" href="http://www.sq.ro/" target="_blank">Alex Dragulescu&#8217;s work</a> or just <a title="Search Google Images" href="http://images.google.com/images?q=computational+art" target="_blank">search Google for &#8220;computational art&#8221;</a>.</p>
<p>Oh yeah, and for the guy who was looking for that &#8220;Pope on a chopper&#8221;-image. Here it is:</p>
<div id="attachment_152" class="wp-caption aligncenter" style="width: 460px"><a href="http://tobiastoft.dk/wp-content/uploads/pope-on-chopper.jpg"><img class="size-medium wp-image-152" title="pope-on-chopper" src="http://tobiastoft.dk/wp-content/uploads/pope-on-chopper-450x312.jpg" alt="The Pope on a chopper" width="450" height="312" /></a><p class="wp-caption-text">The Pope on a chopper</p></div>
<p>If you want more Pope-images, go <a title="Worth1000.com" href="http://www.worth1000.com/contest.asp?contest_id=19077&amp;display=photoshop&amp;page=5000" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://tobiastoft.dk/computational-design/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
