<?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; video</title>
	<atom:link href="http://lukeloeffler.com/tag/video/feed/" rel="self" type="application/rss+xml" />
	<link>http://lukeloeffler.com</link>
	<description></description>
	<lastBuildDate>Mon, 30 Jan 2012 19:47:45 +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>The Urban(e) Survivalist</title>
		<link>http://lukeloeffler.com/2012/the-urbanesurvivalist/</link>
		<comments>http://lukeloeffler.com/2012/the-urbanesurvivalist/#comments</comments>
		<pubDate>Mon, 16 Jan 2012 21:46:47 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[gallery]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=1049</guid>
		<description><![CDATA[Lessons on tools, techniques, and knowledge for survival]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.youtube.com/user/urbanesurvivalist">The Urban(e) Survivalist on youtube</a></p>
<p>video stills</p>
<p><a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2012/01/Screen-Shot-2012-01-16-at-4.41.46-PM.png"><img class="alignnone size-medium wp-image-1050" title="Screen Shot 2012-01-16 at 4.41.46 PM" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2012/01/Screen-Shot-2012-01-16-at-4.41.46-PM-360x202.png" alt="" width="360" height="202" /></a></p>
<p><a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2012/01/Screen-Shot-2012-01-16-at-4.46.00-PM.png"><img class="alignnone size-medium wp-image-1051" title="Screen Shot 2012-01-16 at 4.46.00 PM" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2012/01/Screen-Shot-2012-01-16-at-4.46.00-PM-360x202.png" alt="" width="360" height="202" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2012/the-urbanesurvivalist/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Googlyeyed Street View</title>
		<link>http://lukeloeffler.com/2011/googlyeyed-street-view/</link>
		<comments>http://lukeloeffler.com/2011/googlyeyed-street-view/#comments</comments>
		<pubDate>Tue, 20 Dec 2011 06:31:29 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[Completed Work]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[sculpture]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=1011</guid>
		<description><![CDATA[Advanced new distributed surveillance technology.]]></description>
			<content:encoded><![CDATA[<p>Introducing Magnetically-Adhered Googlyeyed NEtwork-Transmitted Surveillance (MAGNETS) technology developed at Carnegie Mellon University.</p>
<p><iframe src="http://player.vimeo.com/video/33950936?title=0&amp;byline=0&amp;portrait=0" frameborder="0" width="711" height="400"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2011/googlyeyed-street-view/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>iPhone X-ray Machine</title>
		<link>http://lukeloeffler.com/2011/iphonexray/</link>
		<comments>http://lukeloeffler.com/2011/iphonexray/#comments</comments>
		<pubDate>Mon, 07 Feb 2011 19:23:40 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[Completed Work]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[kinetic]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=858</guid>
		<description><![CDATA[Democratizing security one citizen at a time.]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/19588883?title=0&amp;byline=0&amp;portrait=0" width="549" height="309" frameborder="0"></iframe></p>
<p>Democratizing security one citizen at a time. Built with lasercut hardboard, iPhone 4, and custom html5 app.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2011/iphonexray/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Topographic Mirror</title>
		<link>http://lukeloeffler.com/2009/topographic-mirror/</link>
		<comments>http://lukeloeffler.com/2009/topographic-mirror/#comments</comments>
		<pubDate>Mon, 14 Dec 2009 04:29:26 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[Completed Work]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=574</guid>
		<description><![CDATA[Interactive software that dismantles and reconstructs the human vision system.]]></description>
			<content:encoded><![CDATA[<p><em>Topographic Mirror</em> is an interactive program that decomposes and reintegrates the elements of human vision.  We normally see by finding gradations of value in a scene.  The contrast between shadows, midtones, and highlights allows us to distinguish one region from another.  However, by moving a Nintendo Wii, the viewer is able to slice the image into rings of different values and generate a sort of real-time topographic map of the scene allowing us to see things in a new way.</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/topographic_mirror.mov" /><embed type="video/quicktime" width="640" height="480" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/12/topographic_mirror.mov" align="left" autoplay="false"></embed></object></p>
<p>The persistence of the lines could be affected by altering the opacity and the radius of the contour lines could be changed by setting the thresholding point, which is the cutoff point or &#8220;line in the sand&#8221; by which we determine what white and black are. Imagine flooding a mountainous area with water: everything above the water line is considered &#8220;dry&#8221; and everything below, &#8220;wet.&#8221;  If you walk along the shoreline, or contour, add more water and then walk the shore line again, you will find a much smaller ring the second time.  If you were to plot the path you took for each of these rings, you would have a topographic map.</p>
<p>Continuing with this idea, I automated the process and drew all the contours on each image, leading to a series of images like this:</p>
<p><a href="http://www.flickr.com/photos/ukle/4173932918/"><img class="alignleft size-medium wp-image-575" title="4173932918_6fb2b66a89_o" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/12/4173932918_6fb2b66a89_o-360x269.jpg" alt="4173932918_6fb2b66a89_o" width="360" height="269" /></a><br />
Next I added all the points to 3D space and set up some basic camera controls to allow exploring the mesh and ended up with a video like this, which felt a lot like those old-school flight simulators from the 80&#8242;s.  There&#8217;s something very amusing about flying over your face&#8230;<br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" 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=05bbe79165&amp;photo_id=4174231525" /><param name="bgcolor" value="#000000" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.flickr.com/apps/video/stewart.swf?v=71377" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://www.flickr.com/apps/video/stewart.swf?v=71377" allowfullscreen="true" bgcolor="#000000" flashvars="intl_lang=en-us&amp;photo_secret=05bbe79165&amp;photo_id=4174231525"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2009/topographic-mirror/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/12/topographic_mirror.mov" length="7812429" type="video/quicktime" />
		</item>
		<item>
		<title>Gesture</title>
		<link>http://lukeloeffler.com/2009/gesture/</link>
		<comments>http://lukeloeffler.com/2009/gesture/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 03:40:34 +0000</pubDate>
		<dc:creator>luke</dc:creator>
				<category><![CDATA[gallery]]></category>
		<category><![CDATA[dance]]></category>
		<category><![CDATA[processing]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://lukeloeffler.com/?p=320</guid>
		<description><![CDATA[Custom video processing software uniting the movement of dance and drawing]]></description>
			<content:encoded><![CDATA[<p>Gesture is an animation generated by custom video processing software that seeks to unite the movements of dance and drawing by distilling the dancer&#8217;s poses into a sequence fluid lines. As a spotlight follows the dancer across the new stage, indications of movement are left behind by soft erased lines.</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="src" value="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/07/gesture.mov" /><embed type="video/quicktime" width="640" height="480" src="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/07/gesture.mov"></embed></object></p>
<p>If you&#8217;re interested in a technical description of the code, read on. The main hurdle to getting this completed was implementing a fast &#8220;nearest neighbor&#8221; system. From the chroma-key footage (&#8220;green screen&#8221; as it&#8217;s often called), I threshold it (which means turn it to black and white). Next, I perform edge detection which leaves just the outline to the dancer. By altering the edge detector&#8217;s &#8220;kernel,&#8221; a mathematical term for a table of numbers, I can degrade the outline so it is a series of dots rather than one solid line. Next, I go through the image and make note of the locations of all the points. All that&#8217;s left to do is to connect them with a continuous line. However, if you simply connect the dots in the order they were found (top to bottom, left to right), you will get a zig-zag line that fills the area of the dancer. The next logical step is to take a starting point and ask for it&#8217;s nearest neighbor and connect the two. Then continue the line to the nearest neighbor after that, and so on. Unfortunately, this naive approach does not scale well and takes an enormous amount of time to compute. Enter the <a href="http://en.wikipedia.org/wiki/Kd-tree">KD Tree</a>, a method of storing the points for fast retrieval. I had started to write my own implementation last year and got distracted. Thankfully, I found a simple <a href="http://www.cs.wlu.edu/~levy/software/kd/">implementation</a> for Java which worked perfectly. It&#8217;s beautiful to see a series of techniques converge to produce something entirely new.</p>
<p>The source code is provided in two files: <a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/07/dancers_outlined.pde">dancers_outlined.pde</a> and <a href="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/07/Tree.java">Tree.java</a> for reference. Please be warned&#8211;it is very rough and not intended for public consumption, although I tried to comment as much as possible.</p>
]]></content:encoded>
			<wfw:commentRss>http://lukeloeffler.com/2009/gesture/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
<enclosure url="http://lukeloeffler.com/wordpress/wp-content/uploads/2009/07/gesture.mov" length="5065959" type="video/quicktime" />
		</item>
	</channel>
</rss>

