<?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>Chris Teso &#187; installation</title>
	<atom:link href="http://www.christeso.com/blog/index.php/tag/installation/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.christeso.com/blog</link>
	<description>Chris Teso is Director of Interactive Media, Flash Designer Developer and Portland Photographer.</description>
	<lastBuildDate>Sun, 06 Jun 2010 04:59:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Motion Detection and Typography</title>
		<link>http://www.christeso.com/blog/index.php/lab/motion-detection-and-typography/</link>
		<comments>http://www.christeso.com/blog/index.php/lab/motion-detection-and-typography/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 21:11:44 +0000</pubDate>
		<dc:creator>chris teso</dc:creator>
				<category><![CDATA[Laboratory]]></category>
		<category><![CDATA[Motion Detection and Typography]]></category>
		<category><![CDATA[Webcam Motion Detection]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[concept]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[motion detection]]></category>
		<category><![CDATA[reactive]]></category>

		<guid isPermaLink="false">http://www.christeso.com/?p=598</guid>
		<description><![CDATA[Lab]]></description>
			<content:encoded><![CDATA[<p><object width="600" height="338"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2829875&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2829875&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="338"></embed></object><br /><a href="http://vimeo.com/">Webcam Swarm &#8211; Motion Detection</a> from <a href="http://vimeo.com/user824020">chris teso</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Reactive installation concept idea for future interactive installation using motion detection.</p>
<p>Concept: Using Particles to conform to typography.</p>
<p>Picture this large. Now take that image and double it. That’s how I envision it. Giant.</p>
<p>Try it for yourself : <a href="http://www.christeso.com/labs/actionscript-3-Reactive-Art-Installation.asp" target="_blank">Reactive Motion Detection and Typography</a> [webcam es necessitous]</p>
<p>Permalink: http://www.christeso.com/index.php/lab/motion-detection-and-typography/</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Motion%20Detection%20and%20Typography%20-%20http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fmotion-detection-and-typography%2F" title="Twitter"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fmotion-detection-and-typography%2F&amp;t=Motion%20Detection%20and%20Typography" title="Facebook"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fmotion-detection-and-typography%2F&amp;title=Motion%20Detection%20and%20Typography&amp;bodytext=Lab" title="Digg"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fmotion-detection-and-typography%2F&amp;title=Motion%20Detection%20and%20Typography&amp;notes=Lab" title="del.icio.us"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="google"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fmotion-detection-and-typography%2F&amp;title=Motion%20Detection%20and%20Typography&amp;annotation=Lab" title="Google Bookmarks"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" id="print"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fmotion-detection-and-typography%2F&amp;partner=sociable" title="Print"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.christeso.com/blog/index.php/lab/motion-detection-and-typography/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Snow &#8211; A Reactive Environment Installation</title>
		<link>http://www.christeso.com/blog/index.php/portfolio/snow-a-reactive-environment-installation/</link>
		<comments>http://www.christeso.com/blog/index.php/portfolio/snow-a-reactive-environment-installation/#comments</comments>
		<pubDate>Thu, 18 Dec 2008 19:50:49 +0000</pubDate>
		<dc:creator>chris teso</dc:creator>
				<category><![CDATA[Laboratory]]></category>
		<category><![CDATA[North]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Reactive Environment Installation]]></category>
		<category><![CDATA[Snow - A Reactive Environment Installation]]></category>
		<category><![CDATA[Webcam Motion Detection]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[dmi]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[motion detection]]></category>
		<category><![CDATA[oregon]]></category>
		<category><![CDATA[portland]]></category>
		<category><![CDATA[reactive environment]]></category>

		<guid isPermaLink="false">http://www.christeso.com/?p=547</guid>
		<description><![CDATA[folio]]></description>
			<content:encoded><![CDATA[<p><object width="600" height="405"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2566287&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2566287&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=1&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="600" height="405"></embed></object><br /><a href="http://vimeo.com/2566287">Snow &#8211; Interactive Installation</a> from <a href="http://vimeo.com/user824020">chris teso</a> on <a href="http://vimeo.com">Vimeo</a>. Commercial produced <a href="http://www.north.com" target="_blank">North</a>.</p>
<h2>Project Client</h2>
<p>City of Portland Downtown Marketing Initiative in conjunction with North.</p>
<h2>Project Goal</h2>
<p>Create an outdoor reactive environment in which passersby could interact,  based on their location and movements, with artists interpretations of snowfall in Portland.</p>
<h2>Project Strategy and Equipment</h2>
<p><strong>Display</strong> &#8211; Custom made acrylic panels lined with photosensitive film built and erected to exact dimensions of installation window<br />
<strong>Projection</strong> &#8211; Rear projection with flipped signal using a 5200 lumen <a href="http://www.projectorcentral.com/Sanyo-PDG-DXT10L.htm" target="_blank">Sanyo PDG-DXT10L Projector</a><br />
<strong>Video Capture</strong> &#8211; <a href="http://www.logitech.com/index.cfm/webcam_communications/webcams/devices/4528&amp;cl=us,en" target="_blank">Logitech QuickCam® Vision Pro</a><br />
<strong>CPU</strong> &#8211; Mac Pro Quad<br />
<strong>Application</strong> &#8211; Flash AS3<br />
<strong>Industrial Design</strong> &#8211; Two large tarps sewn together to create light blocking canopy. Lining to seal off windows and acrylic. A shitload of Velcro.</p>
<h2>Project Synopsis</h2>
<p>As part of a larger campaign to brand Downtown Portland North was charged with creating an outdoor reactive environment in which passersby could interact, based on their location and movements, with artists interpretations of snowfall in Portland. Three traditional artists were commissioned by The Portland Institute for Contemporary Art to create their interpretation of snowfall in downtown Portland. These pieces were then transformed for use with my motion detection and tracking application built entirely in actionscript. The application was built to display 3 different scenes with randomly generated snowfall. The three scenes were set to rotate on a time interval. The application used motion detection to make the falling snowfall react and animate based on the location of an individuals movement. The application also incorporated and automated snapshot function that took a photo every 10 minutes and posted it to a private flickr account. This function was implemented solely for remote monitoring, ensuring the application was up and running. After going to the installation location and taking careful measurement of everything from window frame to projector distance, the installation was built and staged at North. We built a &#8216;to scale&#8217; model of the window in the back of the office. This was necessary for accurate calibration of projector, and optimization of motion detection and tracking code. The staging was an extremely helpful and necessary step in eliminating early stage bugs such as projector calibration and camera positioning. We quickly learned the maximum distance for a USB signal, the proper use of DVI vs. DHMI to projector and the challenges of doing motion detection in every possible light range from complete darkness to bright sunshine. After testing stage was complete we moved the entire rig over to the installation spot located at 6th and Alder in Downtown Portland. We went about setting up a canopy to block out all extraneous light leak. The interior of the installation space was two stories of extremely large windows. The canopy we chose was a homemade compilation of two tarps strung up to the surrounding walls with rope. Since there was very expensive equipment residing under the canopy, the fear lingered of canopy failure collapsing down, resulting in devastating loss. We next set out to install the panels into the window frame. Since they were pre-cut to exact dimensions these flowed right in smoothly with only small light leaks needed to be sealed. We then hooked up the projector, cpu, camera, monitor, and application and set to testing. Testing in a staging environment is one thing. However, most tests are rendered moot when on-site. I quickly learned that reactive environments are just that, entirely dependent on their environment and all the challenges that come along with it. The motion detection is to run 24/7 for six weeks during all weather, lighting situations, and process location accurately with varying levels of distractions. Since the installation is located on an extremely busy downtown street corner, distractions ranged from traffic movement, pedestrians, bikers, storefront lights and weather. For testing purposes I built many functions that allows the system to be calibrated without actually going into the code, but rather using an external UI to update blurring, light detection levels, contrast, and other variables. After several days of calibration, code tweaks and testing the application has been running uninterrupted and has gained quality exposure for Downtown Portland. Many fine citizens of Portland have had a unique interactive experience, and have consequently spread kind words about the project. Furthermore, the project is a successful case study on the implementation of new technology and reactive medium into a larger branding campaign.</p>
<h2>Project Challenges</h2>
<p><strong>Development</strong> &#8211; Create a motion detection application that worked in every possible light and weather condition.<br />
<strong>Design</strong> &#8211; Making traditional raster art work work in a complex location detection application and animation.<br />
<strong>Industrial Design</strong> &#8211; Create an environment that optimized presentation and functionality in varying environmental variables.</p>
<p><a href="http://www.christeso.com/index.php/lab/interactive-installation-testing-tribulations-and-nerdery/">More information on the design and development process</a></p>
<p>Permalink: http://www.christeso.com/index.php/portfolio/snow-a-reactive-environment-installation</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Snow%20-%20A%20Reactive%20Environment%20Installation%20-%20http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Fportfolio%2Fsnow-a-reactive-environment-installation%2F" title="Twitter"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Fportfolio%2Fsnow-a-reactive-environment-installation%2F&amp;t=Snow%20-%20A%20Reactive%20Environment%20Installation" title="Facebook"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Fportfolio%2Fsnow-a-reactive-environment-installation%2F&amp;title=Snow%20-%20A%20Reactive%20Environment%20Installation&amp;bodytext=folio" title="Digg"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Fportfolio%2Fsnow-a-reactive-environment-installation%2F&amp;title=Snow%20-%20A%20Reactive%20Environment%20Installation&amp;notes=folio" title="del.icio.us"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="google"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Fportfolio%2Fsnow-a-reactive-environment-installation%2F&amp;title=Snow%20-%20A%20Reactive%20Environment%20Installation&amp;annotation=folio" title="Google Bookmarks"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" id="print"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Fportfolio%2Fsnow-a-reactive-environment-installation%2F&amp;partner=sociable" title="Print"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.christeso.com/blog/index.php/portfolio/snow-a-reactive-environment-installation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interactive Motion Detection Installation</title>
		<link>http://www.christeso.com/blog/index.php/lab/interactive-motion-detection-installation/</link>
		<comments>http://www.christeso.com/blog/index.php/lab/interactive-motion-detection-installation/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 20:59:24 +0000</pubDate>
		<dc:creator>chris teso</dc:creator>
				<category><![CDATA[Interactive Motion Detection Installation]]></category>
		<category><![CDATA[Laboratory]]></category>
		<category><![CDATA[Life]]></category>
		<category><![CDATA[Webcam Motion Detection]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flash 10]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[motion detection]]></category>
		<category><![CDATA[webcam]]></category>
		<category><![CDATA[words]]></category>

		<guid isPermaLink="false">http://www.christeso.com/index.php/life/interactive-motion-detection-installation/</guid>
		<description><![CDATA[Interactive Motion Detection Installation from chris teso on Vimeo.

Interface and motion design idea for future interactive installation using motion detection.
Words are chosen at random from a random pool of Flickr tags. The words are then broken down into individual characters. These characters are then animated based on the location of user interaction.
Picture this large. Now [...]]]></description>
			<content:encoded><![CDATA[<p><object width="650" height="490"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2300282&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2300282&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="650" height="490"></embed></object><br /><a href="http://vimeo.com/2300282">Interactive Motion Detection Installation</a> from <a href="http://vimeo.com/user824020">chris teso</a> on <a href="http://vimeo.com">Vimeo</a>.<br />
</p>
<p>Interface and motion design idea for future interactive installation using motion detection.</p>
<p>Words are chosen at random from a random pool of Flickr tags. The words are then broken down into individual characters. These characters are then animated based on the location of user interaction.</p>
<p>Picture this large. Now take that image and double it&#8217;s size. Picture it large enough to where you&#8217;d have to jump to reach different &#8216;doors&#8217;. That&#8217;s how I envision it.</p>
<p>Try it for yourself : <a href="http://www.christeso.com/labs/Interactive-Motion-Detection-Installation.asp" target="_blank">Interactive Motion Detection Installation</a> [webcam es necessitous]</p>
<p>Permalink: http://www.christeso.com/index.php/lab/interactive-motion-detection-installation/</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Interactive%20Motion%20Detection%20Installation%20-%20http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Finteractive-motion-detection-installation%2F" title="Twitter"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Finteractive-motion-detection-installation%2F&amp;t=Interactive%20Motion%20Detection%20Installation" title="Facebook"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Finteractive-motion-detection-installation%2F&amp;title=Interactive%20Motion%20Detection%20Installation&amp;bodytext=Interactive%20Motion%20Detection%20Installation%20from%20chris%20teso%20on%20Vimeo.%0D%0A%0D%0A%0D%0A%0D%0AInterface%20and%20motion%20design%20idea%20for%20future%20interactive%20installation%20using%20motion%20detection.%0D%0A%0D%0AWords%20are%20chosen%20at%20random%20from%20a%20random%20pool%20of%20Flickr%20tags.%20The%20words%20are%20the" title="Digg"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Finteractive-motion-detection-installation%2F&amp;title=Interactive%20Motion%20Detection%20Installation&amp;notes=Interactive%20Motion%20Detection%20Installation%20from%20chris%20teso%20on%20Vimeo.%0D%0A%0D%0A%0D%0A%0D%0AInterface%20and%20motion%20design%20idea%20for%20future%20interactive%20installation%20using%20motion%20detection.%0D%0A%0D%0AWords%20are%20chosen%20at%20random%20from%20a%20random%20pool%20of%20Flickr%20tags.%20The%20words%20are%20the" title="del.icio.us"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="google"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Finteractive-motion-detection-installation%2F&amp;title=Interactive%20Motion%20Detection%20Installation&amp;annotation=Interactive%20Motion%20Detection%20Installation%20from%20chris%20teso%20on%20Vimeo.%0D%0A%0D%0A%0D%0A%0D%0AInterface%20and%20motion%20design%20idea%20for%20future%20interactive%20installation%20using%20motion%20detection.%0D%0A%0D%0AWords%20are%20chosen%20at%20random%20from%20a%20random%20pool%20of%20Flickr%20tags.%20The%20words%20are%20the" title="Google Bookmarks"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" id="print"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Finteractive-motion-detection-installation%2F&amp;partner=sociable" title="Print"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.christeso.com/blog/index.php/lab/interactive-motion-detection-installation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Equilibrium The Human Mashup: A Follow Up</title>
		<link>http://www.christeso.com/blog/index.php/lab/equilibrium-the-human-mashup-a-follow-up/</link>
		<comments>http://www.christeso.com/blog/index.php/lab/equilibrium-the-human-mashup-a-follow-up/#comments</comments>
		<pubDate>Fri, 24 Oct 2008 18:14:18 +0000</pubDate>
		<dc:creator>chris teso</dc:creator>
				<category><![CDATA[Autodraw]]></category>
		<category><![CDATA[Laboratory]]></category>
		<category><![CDATA[Life]]></category>
		<category><![CDATA[Webcam Motion Detection]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[code = art]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[generative]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[motion detection]]></category>
		<category><![CDATA[sao]]></category>

		<guid isPermaLink="false">http://www.christeso.com/index.php/life/equilibrium-the-human-mashup-a-follow-up/</guid>
		<description><![CDATA[lab]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="650" height="433" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2334635&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="650" height="433" src="http://vimeo.com/moogaloop.swf?clip_id=2334635&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://vimeo.com/2334635">Untitled</a> from <a href="http://vimeo.com/user824020">chris teso</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><span style="font-size: 0.8em; margin-top: 0px;"><a href="http://www.flickr.com/photos/nymphobrainiac/2969093511/">Equilibrium The Human Mashup: A Follow Up</a>, originally uploaded by <a href="http://www.flickr.com/people/nymphobrainiac/">NymphoBrainiac</a>.</span></p>
<p class="flickr-yourcomment">Equilibrium: A Follow Up</p>
<p>Last week I had a showing at <a href="http://www.christeso.com/index.php/life/equilibrium-the-human-mashup/">Equilibrium, the Human Mashup</a>. The show&#8217;s goal was to ask &#8220;How can art and technology and the synergy of the two address humanity&#8217;s next evolutionary step?&#8221;. Being a staunch singularitarian this was right up, or is it down, my proverbial alley. I built an <a href="http://www.christeso.com/labs/actionscript-3-AutoDraw-Interactive-Art-Installation.asp">application</a> that allows a user to take a self portrait photograph and then draw themselves on a wall simply by using and moving their hand. The premise was to use the human as the sole interface to draw themselves, exploring the convergence of man and technology. A one day only installation, I didn&#8217;t have to high of hopes for it&#8217;s exposure. On the flip side, this being my first showing ever I was like a greedy 8 year old on Christmas morning, and extremely anxious to see how people would interact and respond to the installation. The methodology of controlling an interface without the normal peripherals such as a mouse, keyboard, touch screen, kiosk, or otherwise was foreign to all that attended. What transpired blew me away. The attendance, response and exposure far exceeded my hopes. I barely had to explain at all to users how to run the application. People just stepped right up to the installation and began to interact with it. They were actually learning on their own while performing the drawing. People were actually converging with the technology. Furthermore, those that were done performing their drawing became evangelists, telling those who followed them their idea of how best to use the application. At that moment it became cemented in my mind that I had succeeded in my experiment. People had invested themselves in the piece to the point of bringing out their own inner artist. Several times I stepped in to &#8216;coach&#8217; people on how to get the most out of the motion detection while drawing their portrait. The response I got was unexpected. People took personal offense that I was pushing my artistic ideas on their own drawing. Again, success. I was also sent to the floor several times by attendees who said they had come to the event specifically to see my work which they had been following online. There were even several people who mentioned that they had hooked my work up to projectors at parties they were holding. Wha?! Seriously, amazed.</p>
<p>I&#8217;d like to thank several people for the night. <a href="http://www.flickr.com/people/studionumbernine/">Steve Benoit</a> for all his help with testing the application, videography and film editing of the event. The result is the shweet movie posted above. Rachel Kjack and Adrienne Fritze from <a href="http://www.sao.org/">SAO</a> and <a href="http://www.workingartistsonline.com/">Working Artists Online</a> respectively for their organization and inviting me to submit my work. All that attended, I met some inspirational folk. And finally, my wife <a href="http://www.flickr.com/people/ms_boomer/">Lisa</a> for her unending support and diggin&#8217; me even when I have late night dreaded &#8216;code eyes&#8217;.</p>
<p>Looking forward to the next event.</p>
<p>Related:</p>
<p><a href="http://www.christeso.com/autodraw">the online version of the installation</a></p>
<p><a href="http://www.flickr.com/photos/nymphobrainiac/sets/72157608140818546/show/">the flickr gallery of finished drawings</a></p>
<p><a href="http://www.christeso.com/index.php/life/equilibrium-the-human-mashup/">previous blog post</a></p>
<p><a href="http://www.workingartistsonline.com/">working artists online</a></p>
<p><a href="http://www.sao.org/">software association of oregon</a></p>
<p>Permalink: http://www.christeso.com/index.php/lab/equilibrium-the-human-mashup-a-follow-up/</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Equilibrium%20The%20Human%20Mashup%3A%20A%20Follow%20Up%20-%20http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fequilibrium-the-human-mashup-a-follow-up%2F" title="Twitter"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fequilibrium-the-human-mashup-a-follow-up%2F&amp;t=Equilibrium%20The%20Human%20Mashup%3A%20A%20Follow%20Up" title="Facebook"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fequilibrium-the-human-mashup-a-follow-up%2F&amp;title=Equilibrium%20The%20Human%20Mashup%3A%20A%20Follow%20Up&amp;bodytext=lab" title="Digg"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fequilibrium-the-human-mashup-a-follow-up%2F&amp;title=Equilibrium%20The%20Human%20Mashup%3A%20A%20Follow%20Up&amp;notes=lab" title="del.icio.us"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="google"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fequilibrium-the-human-mashup-a-follow-up%2F&amp;title=Equilibrium%20The%20Human%20Mashup%3A%20A%20Follow%20Up&amp;annotation=lab" title="Google Bookmarks"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" id="print"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fequilibrium-the-human-mashup-a-follow-up%2F&amp;partner=sociable" title="Print"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.christeso.com/blog/index.php/lab/equilibrium-the-human-mashup-a-follow-up/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Equilibrium, the Human Mashup</title>
		<link>http://www.christeso.com/blog/index.php/life/equilibrium-the-human-mashup/</link>
		<comments>http://www.christeso.com/blog/index.php/life/equilibrium-the-human-mashup/#comments</comments>
		<pubDate>Mon, 13 Oct 2008 18:23:41 +0000</pubDate>
		<dc:creator>chris teso</dc:creator>
				<category><![CDATA[Life]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[motion detection]]></category>
		<category><![CDATA[painting]]></category>
		<category><![CDATA[pdx]]></category>
		<category><![CDATA[portland]]></category>
		<category><![CDATA[technology]]></category>

		<guid isPermaLink="false">http://www.christeso.com/?p=316</guid>
		<description><![CDATA[
This Friday -[Oct. 17th]- I will be part of SAO and the Portland Working Artists Network in presenting at Equilibrium, the Human Mashup, using the synergy of art and technology to revolutionize society. I am currently designing and developing an interactive art installation. A brief description of the project is below. I&#8217;m super excited to [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://farm4.static.flickr.com/3289/2938268127_697c374fdd_b.jpg' alt='' width="660" class='alignnone' /><br />
This Friday -[Oct. 17th]- I will be part of <a href="http://www.sao.org/">SAO</a> and the Portland<a href="http://www.workingartistsonline.com/"> Working Artists Network</a> in presenting at <a href="https://db.sao.org/calendar2/event_description.htm?eventID=10/17/08b">Equilibrium, the Human Mashup,</a> using the synergy of art and technology to revolutionize society. I am currently designing and developing an interactive art installation. A brief description of the project is below. I&#8217;m super excited to see what other installations are on display. If you&#8217;re in the Pdx area and interested in what Equilibrium has to offer please stop by and paint yourself on the wall.</p>
<p>Brief Description<br />
In the spirit of Multiplicity and Convergence an interactive installation will be developed that allows viewers to draw a self portrait on a wall using a motion sensing application, a camera and projector. The application will allow a user to take a self portrait photograph. They will then have the opportunity to draw themselves on a wall simply by using and moving their hand as a paintbrush. The idea is to use the human as an interface to draw themselves. The drawing will be performed using code that analyzes and compares the location of the viewers hand to the location of pixels in their photograph. As the viewer waves their hand a paintbrush will paint their snapshot onto the wall. The resulting image will then be automatically uploaded to a photo gallery on Flickr. A different version that uses music as the paintbrush and an online image as the self portrait can be viewed <a href="http://www.north.com/labs/actionscript-3-sound-visualization-drawing.asp">here</a>.</p>
<p>Photo by <a href="http://www.flickr.com/people/studionumbernine/">.:9:.</a></p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Equilibrium%2C%20the%20Human%20Mashup%20-%20http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flife%2Fequilibrium-the-human-mashup%2F" title="Twitter"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flife%2Fequilibrium-the-human-mashup%2F&amp;t=Equilibrium%2C%20the%20Human%20Mashup" title="Facebook"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flife%2Fequilibrium-the-human-mashup%2F&amp;title=Equilibrium%2C%20the%20Human%20Mashup&amp;bodytext=%0D%0AThis%20Friday%20-%5BOct.%2017th%5D-%20I%20will%20be%20part%20of%20SAO%20and%20the%20Portland%20Working%20Artists%20Network%20in%20presenting%20at%20Equilibrium%2C%20the%20Human%20Mashup%2C%20using%20the%20synergy%20of%20art%20and%20technology%20to%20revolutionize%20society.%20I%20am%20currently%20designing%20and%20developing%20an%20in" title="Digg"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flife%2Fequilibrium-the-human-mashup%2F&amp;title=Equilibrium%2C%20the%20Human%20Mashup&amp;notes=%0D%0AThis%20Friday%20-%5BOct.%2017th%5D-%20I%20will%20be%20part%20of%20SAO%20and%20the%20Portland%20Working%20Artists%20Network%20in%20presenting%20at%20Equilibrium%2C%20the%20Human%20Mashup%2C%20using%20the%20synergy%20of%20art%20and%20technology%20to%20revolutionize%20society.%20I%20am%20currently%20designing%20and%20developing%20an%20in" title="del.icio.us"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="google"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flife%2Fequilibrium-the-human-mashup%2F&amp;title=Equilibrium%2C%20the%20Human%20Mashup&amp;annotation=%0D%0AThis%20Friday%20-%5BOct.%2017th%5D-%20I%20will%20be%20part%20of%20SAO%20and%20the%20Portland%20Working%20Artists%20Network%20in%20presenting%20at%20Equilibrium%2C%20the%20Human%20Mashup%2C%20using%20the%20synergy%20of%20art%20and%20technology%20to%20revolutionize%20society.%20I%20am%20currently%20designing%20and%20developing%20an%20in" title="Google Bookmarks"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" id="print"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flife%2Fequilibrium-the-human-mashup%2F&amp;partner=sociable" title="Print"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.christeso.com/blog/index.php/life/equilibrium-the-human-mashup/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>AS3 Motion Detection Drawing Installation</title>
		<link>http://www.christeso.com/blog/index.php/lab/as3-motion-detection-drawing-installation/</link>
		<comments>http://www.christeso.com/blog/index.php/lab/as3-motion-detection-drawing-installation/#comments</comments>
		<pubDate>Thu, 04 Sep 2008 21:28:03 +0000</pubDate>
		<dc:creator>chris teso</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Laboratory]]></category>
		<category><![CDATA[Life]]></category>
		<category><![CDATA[Webcam Motion Detection]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[inverge]]></category>
		<category><![CDATA[motion detection]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://www.christeso.com/index.php/life/actionscript-motion-detection-and-drawing/</guid>
		<description><![CDATA[lab]]></description>
			<content:encoded><![CDATA[<p><object width="650" height="488"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2339145&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2339145&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="650" height="488"></embed></object><br /><a href="http://vimeo.com/2339145">AS3 Webcam Drawing</a> from <a href="http://vimeo.com/user824020">chris teso</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>You have to admire a job that allows you to make a bumble-bee/owl (a bumblowl?) fly around a mural merely by waving your finger&#8230; all while drinking beer.</p>
<p>This is an elaboration on my <a href="http://www.christeso.com/index.php/category/lab/webcam-motion-detection/" target="_blank">actionscript webcam motion detection experiments</a>, built as an installation for the <a href="http://www.inverge.com/" target="_blank">Inverge</a> party hosted by North. The idea was to take motion detection and combine it with art in the form of digital drawing and 2d space in the form of a wall mural. The concept is to allow human interaction to affect physical space, freeing oneself from all traditional user interface. The application works by constantly monitoring a webcam, taking snapshots of each frame every millisecond. The pixels in the current frame are compared to pixels in the previous. The difference in brightness within each section determines whether or not motion had occurred in this area of the screen. If motion is detected the coordinates of a rectangular grid around said motion is recorded and the owl is ordered to go to that point. The line drawings begin and follow the owl recording a &#8216;flight path&#8217;. A mask is drawn to prevent the owl and its drawing trail from going in front of some of the trees giving the mural a sense of dimension.</p>
<p>Thanks to the great <a href="http://www.flickr.com/photos/natzke/" target="_blank">Eric Natzke</a> for the drawing inspiration and open source, and <a href="http://www.north.com/blog" target="_blank">NORTH</a> for being forward thinking enough to encourage digital experimentation.</p>
<p>Permalink: http://www.christeso.com/index.php/lab/as3-motion-detection-drawing-installation/</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=AS3%20Motion%20Detection%20Drawing%20Installation%20-%20http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-motion-detection-drawing-installation%2F" title="Twitter"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-motion-detection-drawing-installation%2F&amp;t=AS3%20Motion%20Detection%20Drawing%20Installation" title="Facebook"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-motion-detection-drawing-installation%2F&amp;title=AS3%20Motion%20Detection%20Drawing%20Installation&amp;bodytext=lab" title="Digg"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-motion-detection-drawing-installation%2F&amp;title=AS3%20Motion%20Detection%20Drawing%20Installation&amp;notes=lab" title="del.icio.us"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="google"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-motion-detection-drawing-installation%2F&amp;title=AS3%20Motion%20Detection%20Drawing%20Installation&amp;annotation=lab" title="Google Bookmarks"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" id="print"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fas3-motion-detection-drawing-installation%2F&amp;partner=sociable" title="Print"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.christeso.com/blog/index.php/lab/as3-motion-detection-drawing-installation/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Minority Report Actionscript Webcam Interface</title>
		<link>http://www.christeso.com/blog/index.php/lab/minority-report-actionscript-webcam-interface/</link>
		<comments>http://www.christeso.com/blog/index.php/lab/minority-report-actionscript-webcam-interface/#comments</comments>
		<pubDate>Fri, 01 Aug 2008 21:59:16 +0000</pubDate>
		<dc:creator>chris teso</dc:creator>
				<category><![CDATA[Laboratory]]></category>
		<category><![CDATA[Minority Report]]></category>
		<category><![CDATA[Webcam Motion Detection]]></category>
		<category><![CDATA[actionscript]]></category>
		<category><![CDATA[as3]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[creative code]]></category>
		<category><![CDATA[environmental interaction]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[webcam]]></category>

		<guid isPermaLink="false">http://www.christeso.com/index.php/uncategorized/minority-report/</guid>
		<description><![CDATA[lab]]></description>
			<content:encoded><![CDATA[<p><object type="application/x-shockwave-flash" width="650" height="488" data="http://www.flickr.com/apps/video/stewart.swf?v=63881" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"><param name="flashvars" value="intl_lang=en-us&amp;photo_secret=c672c2822d&amp;photo_id=2723721564"></param><param name="movie" value="http://www.flickr.com/apps/video/stewart.swf?v=63881"></param><param name="bgcolor" value="#000000"></param><param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/video/stewart.swf?v=63881" bgcolor="#000000" allowfullscreen="true" flashvars="intl_lang=en-us&amp;photo_secret=c672c2822d&amp;photo_id=2723721564" height="488" width="650"></embed></object></p>
<p>Expanding on my <a href="http://www.christeso.com/index.php/lab/actionscript-30-webcam-motion-detection-with-interaction-physics/" target="_blank">Actionscript Webcam Motion Detection</a> experiments, I&#8217;ve built a rudimentary &#8216;Minority Report&#8217;-inspired interface.</p>
<p>The concept is to create a new type of user interface rebuking the typical peripherals of the keyboard and mouse. Instead, a user would merely stand in front of a wall and control the interface with their movements. I&#8217;ve seen other attempts at doing this. See <a href="http://www.microsoft.com/surface/index.html" target="_blank">Microsoft Surface</a>, iphone, <a href="http://gizmodo.com/gadgets/minority-report/minority-report-touch-interface-for-real-229464.php" target="_blank">this thing</a> et. al. All cool for sure, but all done using touch screens. Touch screens are so 2006. Even Tom Cruise used <a href="http://www.codinghorror.com/blog/images/minority-report-ui.jpg" target="_blank">gloves</a>. Pfft. The idea is to free oneself from all physical interface. To use human gestures.</p>
<p>I haven&#8217;t tried it properly installed and projected on a wall yet.</p>
<p>You can try it here: <a href="http://www.christeso.com/labs/actionscript-3-webcam-minority-report.asp">actionscript webcam minority report interface</a> (webcam required obv)</p>
<p>Like everything that exists, this is a work in progress.</p>
<p>Permalink: http://www.christeso.com/index.php/lab/minority-report-actionscript-webcam-interface/</p>

<div class="sociable">
<div class="sociable_tagline">
<strong>Share and Enjoy:</strong>
</div>
<ul>
	<li class="sociablefirst"><a rel="nofollow" id="twitter"  target="_blank" href="http://twitter.com/home?status=Minority%20Report%20Actionscript%20Webcam%20Interface%20-%20http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fminority-report-actionscript-webcam-interface%2F" title="Twitter"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="facebook"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fminority-report-actionscript-webcam-interface%2F&amp;t=Minority%20Report%20Actionscript%20Webcam%20Interface" title="Facebook"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="digg"  target="_blank" href="http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fminority-report-actionscript-webcam-interface%2F&amp;title=Minority%20Report%20Actionscript%20Webcam%20Interface&amp;bodytext=lab" title="Digg"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/digg.png" title="Digg" alt="Digg" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="del.icio.us"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fminority-report-actionscript-webcam-interface%2F&amp;title=Minority%20Report%20Actionscript%20Webcam%20Interface&amp;notes=lab" title="del.icio.us"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow" id="google"  target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fminority-report-actionscript-webcam-interface%2F&amp;title=Minority%20Report%20Actionscript%20Webcam%20Interface&amp;annotation=lab" title="Google Bookmarks"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/googlebookmark.png" title="Google Bookmarks" alt="Google Bookmarks" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow" id="print"  target="_blank" href="http://www.printfriendly.com/print?url=http%3A%2F%2Fwww.christeso.com%2Fblog%2Findex.php%2Flab%2Fminority-report-actionscript-webcam-interface%2F&amp;partner=sociable" title="Print"><img src="http://www.christeso.com/blog/wp-content/plugins/sociable/images/printfriendly.png" title="Print" alt="Print" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.christeso.com/blog/index.php/lab/minority-report-actionscript-webcam-interface/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
