<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>Scott Made This</title>
	
	<link>http://scott.j38.net</link>
	<description>Selected Works by Scott Garner</description>
	<lastBuildDate>Fri, 10 May 2013 18:18:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/scottmadethis" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="scottmadethis" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Tourbillion</title>
		<link>http://scott.j38.net/interactive/tourbillion/</link>
		<comments>http://scott.j38.net/interactive/tourbillion/#comments</comments>
		<pubDate>Fri, 10 May 2013 18:12:52 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=2710</guid>
		<description><![CDATA[Description Tourbillion is an experimental game that combines traditional object intercept/collection game loops with a 3D orbital mechanic. Credits Music and sound effects were authored by the amazing Ben Carignan (aka Space Boyfriend). The initial version of Tourbillion was completed as final project for the Digital Spaces class at ITP, taught by Aaron Meyers and [...]]]></description>
				<content:encoded><![CDATA[<div id="slideshow">
<p><a href="http://www.flickr.com/photos/scottgarner/8726778856/" title="Tourbillion: Stage One by Scott Garner, on Flickr"><img src="http://farm8.staticflickr.com/7341/8726778856_1f02375d55_c.jpg" width="800" height="500" alt="Tourbillion: Stage One"></a></p>
<p><a href="http://www.flickr.com/photos/scottgarner/8725658641/" title="Tourbillion: Stage Two by Scott Garner, on Flickr"><img src="http://farm8.staticflickr.com/7416/8725658641_883c349caa_c.jpg" width="800" height="500" alt="Tourbillion: Stage Two"></a></p>
<p><a href="http://www.flickr.com/photos/scottgarner/8725658777/" title="Tourbillion: Stage Three by Scott Garner, on Flickr"><img src="http://farm8.staticflickr.com/7437/8725658777_851e31ae80_c.jpg" width="800" height="500" alt="Tourbillion: Stage Three"></a></p>
</div>
<h3>Description</h3>
<p>Tourbillion is an experimental game that combines traditional object intercept/collection game loops with a 3D orbital mechanic.</p>
<h3>Credits</h3>
<p>Music and sound effects were authored by the amazing Ben Carignan (aka Space Boyfriend). The initial version of Tourbillion was completed as final project for the Digital Spaces class at ITP, taught by Aaron Meyers and Tabor Robak.</p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/interactive/tourbillion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Three Stories About One Thing</title>
		<link>http://scott.j38.net/static/onething/</link>
		<comments>http://scott.j38.net/static/onething/#comments</comments>
		<pubDate>Tue, 12 Mar 2013 02:30:12 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Static]]></category>
		<category><![CDATA[Comics]]></category>
		<category><![CDATA[ITP]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=2593</guid>
		<description><![CDATA[Description Three Stories About One Thing is a collection of simple, animated comics about some personal experiences with heartbreak. It was largely an experiment with creating digital comics instead of starting on paper and scanning for clean-up and color as I&#8217;ve done in the past. Thanks Thanks to Maré Odomo, both for being a comics [...]]]></description>
				<content:encoded><![CDATA[<div id="slideshow">
<img alt="" src="/files/gallery/2013/static/onething/everywhere-500.gif" width="500" height="500" /><br />
<img alt="" src="/files/gallery/2013/static/onething/aloe-500.gif" width="500" height="500" /><br />
<img alt="" src="/files/gallery/2013/static/onething/hiccups-500.gif" width="500" height="500" />
</div>
<h3>Description</h3>
<p>Three Stories About One Thing is a collection of simple, animated comics about some personal experiences with heartbreak. It was largely an experiment with creating digital comics instead of starting on paper and scanning for clean-up and color as I&#8217;ve done in the past.</p>
<h3>Thanks</h3>
<p>Thanks to <a href="http://mareodomo.com/">Maré Odomo</a>, both for being a comics hero and for looking after me when things were especially awful.</p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/static/onething/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tri Me</title>
		<link>http://scott.j38.net/interactive/trime/</link>
		<comments>http://scott.j38.net/interactive/trime/#comments</comments>
		<pubDate>Mon, 04 Mar 2013 19:12:57 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Emerging Processes in Video Art]]></category>
		<category><![CDATA[ITP]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=2570</guid>
		<description><![CDATA[Description Tri Me is a browser experiment that explores the application of computer vision techniques to a user&#8217;s webcam. In this case, Delaunay Triangulation is performed on the points returned by one of three methods of 2D feature detection. The colors of the resulting triangles then can be manipulated for unusual visual effects. Take it [...]]]></description>
				<content:encoded><![CDATA[<div id="slideshow">
<p><a title="Tri Me by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8527947877/"><img alt="Tri Me" src="http://farm9.staticflickr.com/8518/8527947877_e395b3b573_c.jpg" width="800" height="500" /></a></p>
<p><a title="Tri Me by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8527947783/"><img alt="Tri Me" src="http://farm9.staticflickr.com/8230/8527947783_9d300b7258_c.jpg" width="800" height="500" /></a></p>
<p><a title="Tri Me by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8527947685/"><img alt="Tri Me" src="http://farm9.staticflickr.com/8371/8527947685_2e60bf0165_c.jpg" width="800" height="500" /></a></p>
</div>
<h3>Description</h3>
<p><a href="http://scott.j38.net/files/gallery/2013/interactive/trime/">Tri Me</a> is a browser experiment that explores the application of computer vision techniques to a user&#8217;s webcam. In this case, <a href="http://en.wikipedia.org/wiki/Delaunay_triangulation">Delaunay Triangulation</a> is performed on the points returned by one of three methods of 2D feature detection. The colors of the resulting triangles then can be manipulated for unusual visual effects.</p>
<p><a href="http://scott.j38.net/files/gallery/2013/interactive/trime/">Take it for a spin.</a></p>
<h3>Technologies</h3>
<p>Tri Me relies on new <a href="http://www.webrtc.org">WebRTC</a> features in modern browsers to access the webcam without the use of plugins. It also uses the HTML5 video and canvas tags for capturing and manipulating the video.</p>
<h3>Thanks</h3>
<p>Tri Me is made possible by <a href="http://inspirit.ru">Eugene Zatepyakin</a>&#8216;s excellent <a href="http://inspirit.github.com/jsfeat/">JSFeat</a> library. Triangulation is performed using J. T. L.&#8217;s extremely fast <a href="https://github.com/ironwallaby/delaunay">delaunay.js</a>.</p>
<p>This project was completed as a sketch for <a href="http://jamesgeorge.org">James George</a>&#8216;s Emerging Processes in Video Art at <a href="http://itp.nyu.edu/itp/">ITP</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/interactive/trime/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gems</title>
		<link>http://scott.j38.net/interactive/gems/</link>
		<comments>http://scott.j38.net/interactive/gems/#comments</comments>
		<pubDate>Tue, 26 Feb 2013 09:05:06 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=2564</guid>
		<description><![CDATA[Description Gems is sketch that takes colors from your webcam and maps them to vertex colors on a gem-shaped 3D mesh. It uses WebRTC, so Chrome is your best bet. Take it for a spin.]]></description>
				<content:encoded><![CDATA[<div id="slideshow">
<p><a title="Gems by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8529060440/"><img alt="Gems" src="http://farm9.staticflickr.com/8107/8529060440_073abc0258_c.jpg" width="800" height="500" /></a></p>
<p><a title="Gems by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8529060602/"><img alt="Gems" src="http://farm9.staticflickr.com/8517/8529060602_d80567fd46_c.jpg" width="800" height="500" /></a></p>
<p><a title="Gems by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8529060764/"><img alt="Gems" src="http://farm9.staticflickr.com/8090/8529060764_207d3ae3c0_c.jpg" width="800" height="500" /></a></p>
<p><a title="Gems by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8529060896/"><img alt="Gems" src="http://farm9.staticflickr.com/8105/8529060896_eb9fa4c3e3_c.jpg" width="800" height="500" /></a></p>
</div>
<h3>Description</h3>
<p>Gems is sketch that takes colors from your webcam and maps them to vertex colors on a gem-shaped 3D mesh. It uses WebRTC, so Chrome is your best bet.</p>
<p><a href="http://scott.j38.net/files/gallery/2013/interactive/gems/">Take it for a spin</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/interactive/gems/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>When the Crocus Blooms</title>
		<link>http://scott.j38.net/interactive/when_the_crocus_blooms/</link>
		<comments>http://scott.j38.net/interactive/when_the_crocus_blooms/#comments</comments>
		<pubDate>Fri, 15 Feb 2013 23:15:24 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Interactive]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=2517</guid>
		<description><![CDATA[Description This is a video demo of an OpenFrameworks app called &#8220;When the Crocus Blooms&#8221;. It&#8217;s my take on a video haiku for James George&#8217;s Emerging Processes in Video Art class at ITP. The music is &#8220;La Lune&#8221; from the Contre Jour soundtrack, composed by David Ari Leon.]]></description>
				<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/59601598?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="800" height="450" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<h3>Description</h3>
<p>This is a video demo of an OpenFrameworks app called &#8220;When the Crocus Blooms&#8221;. It&#8217;s my take on a video haiku for James George&#8217;s Emerging Processes in Video Art class at ITP. </p>
<p>The music is &#8220;La Lune&#8221; from the Contre Jour soundtrack, composed by David Ari Leon.</p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/interactive/when_the_crocus_blooms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Heart On Your Sleeve</title>
		<link>http://scott.j38.net/interactive/heartonyoursleeve/</link>
		<comments>http://scott.j38.net/interactive/heartonyoursleeve/#comments</comments>
		<pubDate>Sat, 15 Dec 2012 00:15:28 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[ITP]]></category>
		<category><![CDATA[Physical Computing]]></category>
		<category><![CDATA[Tech Crafts]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=1985</guid>
		<description><![CDATA[Description Heart On Your Sleeve is a wearable device that attaches to a user&#8217;s sleeve and displays their current heart rate. Materials The heart itself is a sheet of Endlighten, which is a transparent material embedded with colorless, light-diffusing particles. When a light source is applied to its side, the whole panel appears to illuminate. [...]]]></description>
				<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/55616588?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;color=ffffff" width="800" height="450" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<h3>Description</h3>
<p>Heart On Your Sleeve is a wearable device that attaches to a user&#8217;s sleeve and displays their current heart rate.</p>
<h3>Materials</h3>
<p>The heart itself is a sheet of <a href="http://www.acrylite-shop.com/US/us/category.htm?$category=crfo8s7j0ro">Endlighten</a>, which is a transparent material embedded with colorless, light-diffusing particles. When a light source is applied to its side, the whole panel appears to illuminate.</p>
<p>I cut the material to size using a laser cutter, including small divots for surface mount LEDs to provide the light. Traces for the circuitry were laid by hand using <a href="http://www.amazon.com/JVCC-CFL-5CA-Copper-Conductive-Adhesive/dp/B000UZ8SJK">copper tape with conductive adhesive</a>, which is becoming one of my favorite materials to work with.</p>
<h3>Electronics</h3>
<p>At the center of the circuitry is an <a href="http://www.atmel.com/devices/attiny85.aspx">ATTiny85</a>, which I programmed using an Arduino after reading <a href="http://hlt.media.mit.edu/?p=1695">a tutorial</a> from the High-Low Tech group at MIT. Input is read from a small <a href="http://www.digikey.com/product-detail/en/RPR-220/511-1366-ND/638554">reflective photo sensor</a> on the wearer&#8217;s finger and processed by the chip using code adapted from <a href="http://cmpercussion.blogspot.com/2009/07/heartbeat-sensor.html">Charles Martin</a>. When a heart beat is detected, the chip triggers the <a href="http://www.digikey.com/product-detail/en/LTST-T680KRKT/160-1847-1-ND/2441302">SMD LEDs</a> (with similarly sized <a href="http://www.digikey.com/product-detail/en/RMCF1210FT100R/RMCF1210FT100RCT-ND/1942837">100 OHM resistors</a>) surrounding the Endlighten. The whole circuit is powered by a tiny, 3.7v <a href="https://www.sparkfun.com/products/731">Polymer Lithium Ion Battery</a> from Sparkfun.</p>
<h3>Stills</h3>
<div id="slideshow">
<p><a href="http://www.flickr.com/photos/scottgarner/8273952382/" title="Heart On Your Sleeve Front by Scott Garner, on Flickr"><img src="http://farm9.staticflickr.com/8494/8273952382_d938000fa2_c.jpg" width="800" height="534" alt="Heart On Your Sleeve Front"></a></p>
<p><a href="http://www.flickr.com/photos/scottgarner/8273952750/" title="heart_baHeart On Your Sleeve Back by Scott Garner, on Flickr"><img src="http://farm9.staticflickr.com/8202/8273952750_a9e2464f14_c.jpg" width="800" height="534" alt="heart_baHeart On Your Sleeve Back"></a></p>
<p><a href="http://www.flickr.com/photos/scottgarner/8273958792/" title="Heart On Your Sleeve Powered by Scott Garner, on Flickr"><img src="http://farm9.staticflickr.com/8197/8273958792_437a55c66c_c.jpg" width="800" height="534" alt="Heart On Your Sleeve Powered"></a></p>
</div>
<h3>Thanks</h3>
<p>This project was completed as my final in <a href="http://www.openmaterials.org/catarina/">Catarina Mota</a>&#8216;s Tech Crafts at ITP. Many thanks to Catarina for the excellent course.</p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/interactive/heartonyoursleeve/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>BeetBox</title>
		<link>http://scott.j38.net/interactive/beetbox/</link>
		<comments>http://scott.j38.net/interactive/beetbox/#comments</comments>
		<pubDate>Fri, 14 Dec 2012 22:56:08 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[ITP]]></category>
		<category><![CDATA[Materials and Building Strategies]]></category>
		<category><![CDATA[Physical Computing]]></category>
		<category><![CDATA[Raspberry Pi]]></category>
		<category><![CDATA[Tech Crafts]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=1984</guid>
		<description><![CDATA[Description BeetBox is a simple instrument that allows users to play drum beats by touching actual beets. It is powered by a Raspberry Pi with a capacitive touch sensor and an audio amplifier in a handmade wooden enclosure. Concept BeetBox is primarily an exploration of perspective and expectations. I&#8217;m particularly interested in creating complex technical [...]]]></description>
				<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/55658574?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="800" height="450" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<h3>Description</h3>
<p>BeetBox is a simple instrument that allows users to play drum beats by touching actual beets. It is powered by a Raspberry Pi with a capacitive touch sensor and an audio amplifier in a handmade wooden enclosure.</p>
<h3>Concept</h3>
<p>BeetBox is primarily an exploration of perspective and expectations. I&#8217;m particularly interested in creating complex technical interactions in which the technology is invisible—both in the sense that the interaction is extremely simple and in the literal sense that no electronic components can be seen.</p>
<h3>Enclosure</h3>
<p>The enclosure was created from .5&#8243;x8&#8243; poplar boards, which I cut to size and finished using various hand and power tools. I used a router for both the edge details and for grooves in which to conceal the wires, and a drill press to create the speaker grill and to bore holes for the beets with a hole saw. I then stained the wood and, after assembly with wood glue and a nail gun, sealed the enclosure with polyurethane.</p>
<h3>Internals</h3>
<p>Touch sensing is handled by an <a href="https://www.sparkfun.com/products/9695">MPR121 Capacitive Touch Sensor</a> from SparkFun, for which I ported <a href="http://bildr.org/2011/05/mpr121_arduino/">existing Arduino code</a> to Python. This board communicates with a Python script on a <a href="http://www.raspberrypi.org">Raspberry Pi</a> via I2C. The script watches for new touches and triggers drum samples using <a href="http://www.pygame.org/news.html">pygame</a>. Audio from the Pi&#8217;s line out is run through a small amplifier I built using an LM386, which is based on a circuit straight from the <a href="http://www.ti.com/product/lm386">data sheet</a>. The amp is connected to a salvaged speaker mounted under the holes in the lid.</p>
<p>Source code for the BeetBox is <a href="https://github.com/scottgarner/BeetBox">viewable on GitHub</a>.</p>
<h3>Images</h3>
<div id="slideshow">
<p><a title="BeetBox by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8273714792/"><img alt="BeetBox" src="http://farm9.staticflickr.com/8077/8273714792_5a732aa849_c.jpg" width="800" height="600" /></a></p>
<p><a title="BeetBox Disassembled by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8272647857/"><img alt="BeetBox Disassembled" src="http://farm9.staticflickr.com/8364/8272647857_b658fcd750_c.jpg" width="800" height="600" /></a></p>
<p><a title="BeetBox Internals by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8273714952/"><img alt="BeetBox Internals" src="http://farm9.staticflickr.com/8348/8273714952_d13c96736a_c.jpg" width="800" height="600" /></a></p>
</div>
<h3>Thanks</h3>
<p>Many thanks to the performers in the video, each of whom I dragged away from their final projects to touch vegetables on camera: <a href="http://patriciazablah.com">Patricia Zablah</a>, DD Jiang, <a href="http://half-half.es">Merche Blasco</a>, <a href="http://andysigler.com">Andy Sigler</a>, Zhenzhen Qi and <a href="http://robbietilton.com">Robbie Tilton</a>.</p>
<p>This piece served both as a project for <a href="http://www.openmaterials.org/catarina/">Catarina Mota</a>&#8216;s Tech Crafts, for which I was experimenting with edible circuits, and as a final for Peter Menderson&#8217;s Materials and Building Strategies, for which I wanted to craft a nice hardwood enclosure. Many thanks to both instructors for excellent classes.</p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/interactive/beetbox/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Kluster</title>
		<link>http://scott.j38.net/interactive/kluster/</link>
		<comments>http://scott.j38.net/interactive/kluster/#comments</comments>
		<pubDate>Mon, 03 Dec 2012 15:01:14 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[ITP]]></category>
		<category><![CDATA[Makematics]]></category>
		<category><![CDATA[WebGL]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=1971</guid>
		<description><![CDATA[Description Kluster is a visual experiment and technology demo that uses k-means clustering to create a 3D star system using the pixels of an image. You can try it here. You&#8217;ll have the best luck with Chrome, and clicking the autopilot button once you generate a star system is highly recommended. Video Background For my [...]]]></description>
				<content:encoded><![CDATA[<p><a title="Kluster by Scott Garner" href="http://kluster.j38.net"><img src="http://farm9.staticflickr.com/8203/8240408010_b16d1f2422_c.jpg" alt="Kluster Autopilot 1" width="800" height="450" /></a></p>
<h3>Description</h3>
<p>Kluster is a visual experiment and technology demo that uses k-means clustering to create a 3D star system using the pixels of an image.</p>
<p>You can try it <a href="http://kluster.j38.net">here</a>. You&#8217;ll have the best luck with Chrome, and clicking the autopilot button once you generate a star system is highly recommended.</p>
<h3>Video</h3>
<p><iframe src="http://player.vimeo.com/video/54743533?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;color=ffffff" frameborder="0" width="800" height="450"></iframe></p>
<h3>Background</h3>
<p>For my final in <a href="http://makematics.com/">Makematics</a>, I wanted to explore the possibility of using a machine learning system to generate artwork. My view of the whole process was admittedly naive, and I was frustrated by the level of oversight required to both train and get output from something like an SVM. I began looking for methods to have a computer organize data on its own, and became interested in <a href="http://en.wikipedia.org/wiki/K-means_clustering">k-means clustering</a>. When I saw some <a href="http://0xfe.blogspot.com/2011/12/k-means-clustering-and-art.html">palette generation</a> examples by <a href="https://plus.google.com/u/0/111867441083313519234/about">Mohit Muthanna</a>, I was sold.</p>
<h3>Concept</h3>
<p>Kluster is a browser-based application that can take any user-submitted image and break it into a three dimensional star system—something along the lines of the globular cluster photos from the Hubble that I had seen as a kid. The image pixels are broken into a twelve-color palette using k-means, and then the centroids are distributed in space based on their position in the LAB colorspace. Individual pixels orbit around these centroids, with their distance dictated by their similarity to the centroid color and their size based on their luminosity.</p>
<h3>Stills</h3>
<div id="slideshow"><a title="Kluster Autopilot 1 by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8240408010/"><img src="http://farm9.staticflickr.com/8203/8240408010_b16d1f2422_c.jpg" alt="Kluster Autopilot 1" width="800" height="450" /></a><a title="Kluster Autopilot 2 by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8239343267/"><img src="http://farm9.staticflickr.com/8488/8239343267_6985567d86_c.jpg" alt="Kluster Autopilot 2" width="800" height="450" /></a><a title="Kluster Autopilot 3 by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8240408368/"><img src="http://farm9.staticflickr.com/8343/8240408368_af23f5d9b5_c.jpg" alt="Kluster Autopilot 3" width="800" height="450" /></a><a title="Kluster Autopilot 4 by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8240407696/"><img src="http://farm9.staticflickr.com/8062/8240407696_c01f3d2a25_c.jpg" alt="Kluster Autopilot 4" width="800" height="450" /></a><a title="Kluster Autopilot 5 by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8239342567/"><img src="http://farm9.staticflickr.com/8065/8239342567_e8889d7783_c.jpg" alt="Kluster Autopilot 5" width="800" height="450" /></a><a title="Kluster Autopilot 6 by Scott Garner, on Flickr" href="http://www.flickr.com/photos/scottgarner/8240407258/"><img src="http://farm9.staticflickr.com/8479/8240407258_eaea07201f_c.jpg" alt="Kluster Autopilot 6" width="800" height="450" /></a></div>
<h3>Technologies</h3>
<p>Kluster uses a number of brand-new web technologies—most prominently <a href="http://en.wikipedia.org/wiki/WebGL">WebGL</a>, powered by the excellent <a href="https://github.com/mrdoob/three.js/">three.js</a>, as well as the <a href="http://en.wikipedia.org/wiki/HTML5_File_API">File API</a>, <a href="http://en.wikipedia.org/wiki/Web_Workers">Web Workers</a> and <a href="http://en.wikipedia.org/wiki/WebRTC">WebRTC</a>.</p>
<p>All source code and assets for Kluster are available on <a href="http://github.com/scottgarner/kluster">GitHub</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/interactive/kluster/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Me and My Arrow</title>
		<link>http://scott.j38.net/interactive/meandmyarrow/</link>
		<comments>http://scott.j38.net/interactive/meandmyarrow/#comments</comments>
		<pubDate>Mon, 05 Nov 2012 12:13:23 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Interactive]]></category>
		<category><![CDATA[ITP]]></category>
		<category><![CDATA[Makematics]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=2029</guid>
		<description><![CDATA[Description Me and My Arrow is an interactive animation experiment that uses Principal Component Analysis to determine the orientation of paper arrows and animates them automatically in realtime. It was created for Greg Borenstein&#8217;s Makematics class at ITP. Software Built in Processing, the sketch first saves a snapshot of the blank paper on key press. [...]]]></description>
				<content:encoded><![CDATA[<p><iframe src="http://player.vimeo.com/video/52861804?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;color=ffffff" width="800" height="450" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></p>
<h3>Description</h3>
<p>Me and My Arrow is an interactive animation experiment that uses <a href="http://en.wikipedia.org/wiki/Principal_component_analysis">Principal Component Analysis</a> to determine the orientation of paper arrows and animates them automatically in realtime. It was created for <a href="http://gregborenstein.com">Greg Borenstein&#8217;s</a> <a href="http://makematics.com">Makematics</a> class at ITP.</p>
<h3>Software</h3>
<p>Built in <a href="http://processing.org/">Processing</a>, the sketch first saves a snapshot of the blank paper on key press. Once the paper arrows are in place, a subsequent key press then alters the image using <a href="http://ubaa.net/shared/processing/opencv/">OpenCV</a> to create a black and white matte. Blob detection is run on the matte to locate individual arrows, which are extracted from the main image and sent through a <a href="https://github.com/mkobos/pca_transform">Java-based PCA library</a> to determine their orientation. Based on this information, the arrows are masked out of the image using the same black and white matte and animated over the original blank scene.</p>
<h3>Behind the Scenes</h3>
<p><a href="http://www.flickr.com/photos/scottgarner/8275336681/" title="Me and My Arrow Behind the Scenes by Scott Garner, on Flickr"><img src="http://farm9.staticflickr.com/8349/8275336681_6151173052_z.jpg" width="800" height="450" alt="Me and My Arrow Behind the Scenes"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/interactive/meandmyarrow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Modular Table</title>
		<link>http://scott.j38.net/static/modular-table/</link>
		<comments>http://scott.j38.net/static/modular-table/#comments</comments>
		<pubDate>Sat, 22 Sep 2012 18:30:00 +0000</pubDate>
		<dc:creator>Scott Garner</dc:creator>
				<category><![CDATA[Static]]></category>
		<category><![CDATA[ITP]]></category>
		<category><![CDATA[Materials and Building Strategies]]></category>

		<guid isPermaLink="false">http://scott.j38.net/?p=1960</guid>
		<description><![CDATA[Description This is a simple modular table built from blue insulation foam that I created for Peter Menderson&#8217;s Materials and Building Strategies class at ITP. I essentially jumped right in without much of a plan, drawing the design directly on the foam and experimenting with various tools that I didn&#8217;t have much experience with. The [...]]]></description>
				<content:encoded><![CDATA[<div id="slideshow">
<a href="http://www.flickr.com/photos/scottgarner/8039571077/" title="Modular Table: Assembled by Scott Garner, on Flickr"><img src="http://farm9.staticflickr.com/8178/8039571077_109a82325a_c.jpg" width="800" height="534" alt="Modular Table: Assembled"></a><br />
<a href="http://www.flickr.com/photos/scottgarner/8039574476/" title="Modular Table: Disassembled by Scott Garner, on Flickr"><img src="http://farm9.staticflickr.com/8033/8039574476_1daff15058_c.jpg" width="800" height="534" alt="Modular Table: Disassembled"></a>
</div>
<h3>Description</h3>
<p>This is a simple modular table built from blue insulation foam that I created for Peter Menderson&#8217;s Materials and Building Strategies class at ITP.</p>
<p>I essentially jumped right in without much of a plan, drawing the design directly on the foam and experimenting with various tools that I didn&#8217;t have much experience with. The table was completed in New York City, New York on 2012-09-22.</p>
]]></content:encoded>
			<wfw:commentRss>http://scott.j38.net/static/modular-table/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
