<?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>Luke Loeffler &#187; trackmate</title>
	<atom:link href="http://lukeloeffler.com/tag/trackmate/feed/" rel="self" type="application/rss+xml" />
	<link>http://lukeloeffler.com</link>
	<description></description>
	<lastBuildDate>Mon, 14 May 2012 04:57:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Tangible Drawing Interfaces</title>
		<link>http://lukeloeffler.com/2009/tangible-drawing-interfaces/</link>
		<comments>http://lukeloeffler.com/2009/tangible-drawing-interfaces/#comments</comments>
		<pubDate>Thu, 03 Dec 2009 23:36:11 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[experiment]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[trackmate]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=556</guid>
		<description><![CDATA[An experiment with tangible interfaces allowing on-screen drawing using assorted physical objects, each of which have a specific function.]]></description>
			<content:encoded><![CDATA[<p><a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/12/3601289505_23738aab71_b.jpg"><img class="alignleft size-medium wp-image-557" title="3601289505_23738aab71_b" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/12/3601289505_23738aab71_b-360x239.jpg" alt="3601289505_23738aab71_b" width="360" height="239" /></a>This is a screenshot of one of the resulting paintings from an experiment using <a href="http://trackmate.media.mit.edu/">trackmate</a> to create a tangible drawing interface. By placing special coded labels on the bottom of miscellaneous objects I had lying around my desk, I was able to assign a different function to each object. For example, a green candle drew green lines and a yellow one drew in yellow. Another one was a &#8220;universal&#8221; brush that took on the color determined by the rotation of a fourth object. Another object only erased, and one final one controlled the opacity of the brushes by its position.</p>
<p>The trackmate system examines an image (in this case coming from a cheap webcam) and looks for special coded labels. Each label contains a unique ID and also encodes its rotational direction. When trackmate identifies a label, it sends the id, position, and rotation to my software in processing which in turn draws lines.</p>
<p>The screenshot was taking during an interactive session where one person was controlling the color, the other was controlling the opacity, and the third was moving the brush.</p>
<p>The lines in the drawing are broken up due to the low resolution of the camera (this could have possibly been solved with interpolation).  I need to calibrate the camera again (and really, buy a cam with a res higher than 640&#215;480), and find a better surface that will filter some of the &#8216;noise&#8217; from the scene.  Still, trackmate behaved remarkably well given the circumstances.</p>
<p>The trackmate website has good tutorials on how to get a system up and running. My <a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/12/trackmate_tangible_drawing_interface.pde">source code</a> is provided to help get you started if you want to play around with the system, although I accidentally lost the final revision, so the code provided may not function as expected.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2009/tangible-drawing-interfaces/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

