<?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>Groove Mechanic &#187; tiles</title>
	<atom:link href="http://groovemechanic.net/tag/tiles/feed/" rel="self" type="application/rss+xml" />
	<link>http://groovemechanic.net</link>
	<description>Tech.  Music.  Toys...   they're all the same</description>
	<lastBuildDate>Tue, 02 Feb 2010 00:35:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>TessalTable</title>
		<link>http://groovemechanic.net/2009/06/tessaltable/</link>
		<comments>http://groovemechanic.net/2009/06/tessaltable/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 19:46:10 +0000</pubDate>
		<dc:creator>abel</dc:creator>
				<category><![CDATA[Projects]]></category>
		<category><![CDATA[cs376]]></category>
		<category><![CDATA[pattern]]></category>
		<category><![CDATA[reactivision]]></category>
		<category><![CDATA[table]]></category>
		<category><![CDATA[tessallation]]></category>
		<category><![CDATA[tiles]]></category>

		<guid isPermaLink="false">http://groovemechanic.net/?p=829</guid>
		<description><![CDATA[Geometric blocks that come to life.]]></description>
			<content:encoded><![CDATA[<table border="0">
<tbody>
<tr>
<td><img class="alignnone size-full wp-image-77" style="border: thin solid #808080" title="shot2_crop" src="http://groovemechanic.net/wp-content/uploads/2009/06/lighttiles_crop.jpg" alt="shot2_crop" width="950" height="300" /></td>
</tr>
<tr>
<td>
<table style="border: medium none; width: 600px; margin-left: 0px; margin-right: auto; text-align: left;" border="0">
<tbody>
<tr>
<td>
<h1>TessalTable</h1>
Presenting the TessalTable, a tangible user interface for children, aged 8-10, to create patterns and pictures using pieces of images and moving video. Children use tiles to“pick up” a piece of an image. The tiles act as containers for visual content which can be arranged and rearranged anywhere on the application surface. The tile-based controls allow for simultaneous multi-user input. A preliminary study found that children understand and engage with the interface. The ability to arrange and rearrange dynamic images invites users to explore geometric patterns and connected motion.
</td>
</tr>
<tr><td>
Movie of <a href='http://groovemechanic.net/wp-content/uploads/2009/06/tessaltilevideo.m4v'>Tile Control</a><br />
Paper about <a href='http://groovemechanic.net/wp-content/uploads/2009/06/tessaltable.pdf'>TessalTable</a>
</td></tr>
</tbody></table>
Click image to view full photo.


<a href='http://groovemechanic.net/wp-content/uploads/2009/06/concept.jpg' rel='shadowbox[post-829];player=img;' title='Concept'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/concept-310x150.jpg" class="attachment-thumbnail" alt="Concept" title="Concept" /></a>
<a href='http://groovemechanic.net/wp-content/uploads/2009/06/tessaltablesetup.jpg' rel='shadowbox[post-829];player=img;' title='TessalTable Setup'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/tessaltablesetup-310x150.jpg" class="attachment-thumbnail" alt="This is a diagram of the table construction." title="TessalTable Setup" /></a>
<a href='http://groovemechanic.net/wp-content/uploads/2009/06/overview.jpg' rel='shadowbox[post-829];player=img;' title='Table Overview'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/overview-310x150.jpg" class="attachment-thumbnail" alt="Birds-eye view of the tabletop.  Tile space is on the left.  Video palette is on the right." title="Table Overview" /></a>
<a href='http://groovemechanic.net/wp-content/uploads/2009/06/lighttiles.jpg' rel='shadowbox[post-829];player=img;' title='Light Tiles'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/lighttiles-310x150.jpg" class="attachment-thumbnail" alt="Each tile contains a unique part of the video" title="Light Tiles" /></a>
<a href='http://groovemechanic.net/wp-content/uploads/2009/06/pieces.jpg' rel='shadowbox[post-829];player=img;' title='Tiles'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/pieces-310x150.jpg" class="attachment-thumbnail" alt="Three basic tiles are functional right now.  I plan to make 3 more shapes to include." title="Tiles" /></a>
<a href='http://groovemechanic.net/wp-content/uploads/2009/06/tags.jpg' rel='shadowbox[post-829];player=img;' title='Tags'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/tags-310x150.jpg" class="attachment-thumbnail" alt="The tiles are tracked using the reacTIVision library.  The tags are placed on the underside of the tiles." title="Tags" /></a>
<a href='http://groovemechanic.net/wp-content/uploads/2009/06/DSC_0003.JPG' rel='shadowbox[post-829];player=img;' title='DSC_0003'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/DSC_0003-310x150.jpg" class="attachment-thumbnail" alt="The Mirror Piece reflects all tiles across the mirror plane" title="DSC_0003" /></a>
<a href='http://groovemechanic.net/wp-content/uploads/2009/06/DSC_0013.JPG' rel='shadowbox[post-829];player=img;' title='DSC_0013'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/DSC_0013-310x150.jpg" class="attachment-thumbnail" alt="DSC_0013" title="DSC_0013" /></a>
<a href='http://groovemechanic.net/wp-content/uploads/2009/06/lighttiles_crop.jpg' rel='shadowbox[post-829];player=img;' title='lighttiles_crop'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/lighttiles_crop-310x150.jpg" class="attachment-thumbnail" alt="lighttiles_crop" title="lighttiles_crop" /></a>
<a href='http://groovemechanic.net/wp-content/uploads/2009/06/overview_crop.jpg' rel='shadowbox[post-829];player=img;' title='overview_crop'><img width="310" height="150" src="http://groovemechanic.net/wp-content/uploads/2009/06/overview_crop-310x150.jpg" class="attachment-thumbnail" alt="overview_crop" title="overview_crop" /></a>
</td>
</tr>
</tbody></table>]]></content:encoded>
			<wfw:commentRss>http://groovemechanic.net/2009/06/tessaltable/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

