<?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; interactive</title>
	<atom:link href="http://lukeloeffler.com/tag/interactive/feed/" rel="self" type="application/rss+xml" />
	<link>http://lukeloeffler.com</link>
	<description></description>
	<lastBuildDate>Thu, 29 Apr 2010 20:07:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Invisible Chimes</title>
		<link>http://lukeloeffler.com/2009/intangible-invisible-interactions/</link>
		<comments>http://lukeloeffler.com/2009/intangible-invisible-interactions/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 05:15:29 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[Completed Work]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[puredata]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=572</guid>
		<description><![CDATA[How would we experience interaction with objects that provide no visual or tactile feedback?]]></description>
			<content:encoded><![CDATA[<p>Lately I have been exploring the idea of invisible, intangible interactive systems and how they would be experienced. So much of everyday interaction deals with sight and touch.  We rely on visual and tactile feedback to manipulate and understand physical systems. How difficult is it to understand and know a system when these two components are removed leaving only sound? Everyone has had the experience of stumbling through a dark house at night to get a glass of water, but relied primarily on the sense of touch to get by. What happens when Newton&#8217;s 3rd law no longer guides us and the glass we grasp doesn&#8217;t press back on our hand? The closest experience I can think of is the theremin, although the underlying system is limited in potential complexity.</p>
<p>The first piece I have made to explore this concept features invisible wind chimes.  When a person walks through the space occupied by the virtual chimes, they begin to ring.  Should the actor stop to explore the source of the sound, he will uncover a fine-grained, predictable, knowable system. Using computer vision techniques to detect movement in a space, real, physical objects are able to interact with virtual, &#8220;physical&#8221; ones. Although not concrete, they are still physical because a physics simulation ensures the individual chimes still hang behave in ways we know and expect.  They hang from the ceiling by strings, collide with each other (causing them to ring), swing and respond to gravity by eventually settling back to rest, and respond to touch by a soft body (muting any ringing).</p>
<p><object classid="clsid:02bf25d5-8c17-4b23-bc80-d3488abddc6b" width="640" height="480" codebase="http://www.apple.com/qtactivex/qtplugin.cab#version=6,0,2,0"><param name="autoplay" value="false" /><param name="src" value="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/12/invisible_chimes.mov" /><param name="align" value="left" /><embed type="video/quicktime" width="640" height="480" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/12/invisible_chimes.mov" align="left" autoplay="false"></embed></object></p>
<p><em>Invisible Chimes</em> is an intangible, interactive system that prompts us to consider how we acquire knowledge of complex systems from limited experiential data. The chimes, though installed in a space, cannot be seen, and while they can be touched, they cannot be felt. The only indication of their presence is the sound they make. Nevertheless, the system is still very much a &#8220;physical&#8221; one, in that the chimes are governed by the laws of physics. Although they can be appreciated by simply walking through them, further interaction reveals that the individual chimes can be separated, muted, and lifted, and that they behave in a predictable, understandable way. The inset video reveals the physical model the custom software uses to create the interactive system.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2009/intangible-invisible-interactions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/12/invisible_chimes.mov" length="12001511" type="video/quicktime" />
		</item>
		<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>0</slash:comments>
		</item>
		<item>
		<title>Moving Sound</title>
		<link>http://lukeloeffler.com/2009/moving-sound/</link>
		<comments>http://lukeloeffler.com/2009/moving-sound/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 02:12:40 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[gallery]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[sound]]></category>
		<category><![CDATA[synthesis]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=420</guid>
		<description><![CDATA[An interactive piece translating 2D forms to sound.]]></description>
			<content:encoded><![CDATA[<p><a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/Screen-shot-2009-10-18-at-10.00.18-PM.png"><img class="alignleft size-medium wp-image-421" title="Screen shot 2009-10-18 at 10.00.18 PM" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/Screen-shot-2009-10-18-at-10.00.18-PM-360x269.png" alt="Screen shot 2009-10-18 at 10.00.18 PM" width="360" height="269" /></a>I&#8217;ve been interested lately in the concept of giving abstract things a voice and answering the question of what something would sound like if it made noise. This project aims to create sound from movement.</p>
<p>In a <a href="http://www.ted.com/talks/lang/eng/golan_levin_ted2009.html">TED talk</a> by Golan Levin, he presented an interactive project that highlighted the negative (or interstitial) spaces of cast shadows. This idea seemed like a natural way to segment a generic image, so I decided to use blobs (uninterrupted regions of an image) as the basis for generating tones. In this processing sketch, the system finds three areas of a particular size and assigns each a tone according to its size associating larger pieces with lower tones.  The colors indicate the three sound-generating regions.</p>
<p>The <a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/sound_of_shape.html">applet</a> has been posted along with the source, although you may have to run it locally in processing to work properly.  You will need a video camera attached to your computer.  <a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/interstitial-synth-recording.mp3">Listen to a sound clip</a> from the synth.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2009/moving-sound/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/interstitial-synth-recording.mp3" length="176098" type="audio/mpeg" />
		</item>
		<item>
		<title>Colorspace Synthesizer</title>
		<link>http://lukeloeffler.com/2009/colorspace-synthesizer/</link>
		<comments>http://lukeloeffler.com/2009/colorspace-synthesizer/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 00:59:00 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[gallery]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[sound]]></category>
		<category><![CDATA[synthesis]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=404</guid>
		<description><![CDATA[An experimental, interactive audio synthesizer in which independent generators combine to create an ambient soundscape as they try to reach a state of equilibrium.]]></description>
			<content:encoded><![CDATA[<p><a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/colorspace.html"><img style="float: left; border: 0px initial initial; margin-right: 1em;" title="color_space1" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/color_space1-360x349.png" alt="color_space1" width="360" height="349" /></a></p>
<p>An experimental, interactive audio synthesizer in which independent generators combine to create an ambient soundscape as they try to reach a state of equilibrium.</p>
<p>Click to listen to a <a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/cs_test.mp3">sample clip</a>, play with the <a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/colorspace.html">applet</a>, or view the <a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/color_space.pde">source</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2009/colorspace-synthesizer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/10/cs_test.mp3" length="4227051" type="audio/mpeg" />
		</item>
		<item>
		<title>Falling Notes</title>
		<link>http://lukeloeffler.com/2008/falling-notes/</link>
		<comments>http://lukeloeffler.com/2008/falling-notes/#comments</comments>
		<pubDate>Wed, 02 Jul 2008 21:27:22 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[gallery]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[music]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=87</guid>
		<description><![CDATA[An interactive music visualization requiring the performer to consider musical and aesthetic outcomes simultaneously.]]></description>
			<content:encoded><![CDATA[<p><iframe scrolling="no" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2008/07/piano.html" width=129 height=401 style="border: none; overflow-x: hidden; overflow-y: hidden; scroll-x:none; scroll-y: none; padding: 1em 1em 0 0; float: left;"></p>
<p>Your Browser does not support iframes, so you cannot view the embedded movie. You may still view a <a href="http://www.flickr.com/photos/ukle/2475548679/in/set-72157604948741164/">version</a> of the movie without sound.</p>
<p></iframe></p>
<p>In this interactive visualization, a musician watches the screen while performing on a keyboard. As notes are played, &#8216;raindrops&#8217; begin to fall. Louder notes fall faster than softer ones and continue to accelerate as the note is sustained. Eventually, notes will blacken if they have been falling for an extended period, and will slowly dissipate unless cleared away by fresh rain from above.</p>
<p>The real-time feedback causes the musician to alter what is being played in order to generate particular audio and visual outcomes simultaneously.</p>
<p>Music in this demo is <em><a href="http://lukeloeffler.com/2009/musical-meanderings/">Final Transmission</a></em> by Luke Loeffler</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2008/falling-notes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
