<?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/"
	>

<channel>
	<title>s &#160;&#160;&#160;p &#160;&#160;&#160;r &#160;&#160;&#160;a &#160;&#160;&#160;w &#160;&#160;&#160; l</title>
	<atom:link href="http://s-p-r-a-w-l.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://s-p-r-a-w-l.com</link>
	<description></description>
	<pubDate>Sat, 19 Jun 2010 01:47:21 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>radical everything</title>
		<link>http://s-p-r-a-w-l.com/portfolio/radical-everything/</link>
		<comments>http://s-p-r-a-w-l.com/portfolio/radical-everything/#comments</comments>
		<pubDate>Sat, 19 Jun 2010 01:40:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=1016</guid>
		<description><![CDATA[
Architecture transforming into behavior
In an increasingly informational environment, our understanding of space is more intuitively understood through the multitude of invisible and intangible forces that surround us daily than through what we already clearly perceive as walls and other boundaries. But what if our spaces were increasingly imbued with the ability to embrace the influx [...]]]></description>
			<content:encoded><![CDATA[<p><a class="lightbox" title="at the Passage group show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything5.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything5.jpg" alt="RadicalEverything5" /></a></p>
<p><em>Architecture transforming into behavior</em></p>
<p>In an increasingly informational environment, our understanding of space is more intuitively understood through the multitude of invisible and intangible forces that surround us daily than through what we already clearly perceive as walls and other boundaries. But what if our spaces were increasingly imbued with the ability to embrace the influx of these forces, and rather than merely function as shelter, become ever more intelligent and dynamic.</p>
<p>Radical Everything is an installation that would be a means to provoke these insights on a deeper more emotional level, and contributes to a larger discussion as to how our actions can now affect the environment we live in, rather than to have ourselves be simply affected by it. Incorporating several overlaid systems, Radical Everything grows crystals as the byproduct of our inert behaviors within a space, reflecting how our physical presence and actions are tied to the very forces that exist around us from the nano-to-the macro scale.</p>
<p><a class="lightbox" title="at the Passage group show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything0.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything0_THUMB.jpg" alt="RadicalEverything0" width="640" height="100" /></a><br />
<a class="lightbox" title="at the Passage group show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything1.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything1_THUMB.jpg" alt="RadicalEverything1" width="640" height="100" /></a><br />
<a class="lightbox" title="at the Passage group show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything3.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything3_THUMB.jpg" alt="RadicalEverything3" width="640" height="100" /></a><br />
<a class="lightbox" title="at the Passage group show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything6.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything6_THUMB.jpg" alt="RadicalEverything6" width="640" height="100" /></a><br />
<a class="lightbox" title="at the Passage group show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything7.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything7_THUMB.jpg" alt="RadicalEverything7" width="640" height="100" /></a><br />
<a class="lightbox" title="at the Passage group show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything8.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything8_THUMB.jpg" alt="RadicalEverything8" width="640" height="100" /></a><br />
<a class="lightbox" title="at the Passage group show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything9.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything9_THUMB.jpg" alt="RadicalEverything9" width="640" height="100" /></a><br />
<a class="lightbox" title="at the Passage group show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything10.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverything10_THUMB.jpg" alt="RadicalEverything10" width="640" height="100" /></a></p>
<p><span style="color: #ffc0cb;">PROCESS:</span></p>
<table border="0">
<tbody>
<tr>
<td><a class="lightbox" title="installation" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess0.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess0_THUMB.jpg" alt="RadicalEverythingProcess0" width="150" height="113" /></a></td>
<td><img class="aligncenter size-full wp-image-997" title="spacer" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/spacer.png" alt="spacer" width="13" height="113" /></td>
<td><a class="lightbox" title="installation" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess2.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess2_THUMB.jpg" alt="RadicalEverythingProcess2" width="150" height="113" /></a></td>
<td><img class="aligncenter size-full wp-image-997" title="spacer" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/spacer.png" alt="spacer" width="13" height="113" /></td>
<td><a class="lightbox" title="installation" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess1.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess1_THUMB.jpg" alt="RadicalEverythingProcess1" width="150" height="113" /></a></td>
<td><img class="aligncenter size-full wp-image-997" title="spacer" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/spacer.png" alt="spacer" width="13" height="113" /></td>
<td><a class="lightbox" title="installation" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess3.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess3_THUMB.jpg" alt="RadicalEverythingProcess3" width="150" height="113" /></a></td>
</tr>
<tr>
<td><a class="lightbox" title="installation" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess4.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess4_THUMB.jpg" alt="RadicalEverythingProcess4" width="150" height="113" /></a></td>
<td><img class="aligncenter size-full wp-image-997" title="spacer" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/spacer.png" alt="spacer" width="13" height="113" /></td>
<td><a class="lightbox" title="installation" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess5.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/RadicalEverythingProcess5_THUMB.jpg" alt="RadicalEverythingProcess5" width="150" height="113" /></a></td>
<td><img class="aligncenter size-full wp-image-997" title="spacer" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/spacer.png" alt="spacer" width="13" height="113" /></td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/portfolio/radical-everything/feed/</wfw:commentRss>
		</item>
		<item>
		<title>skin tight</title>
		<link>http://s-p-r-a-w-l.com/portfolio/skin-tight/</link>
		<comments>http://s-p-r-a-w-l.com/portfolio/skin-tight/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 04:57:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[portfolio]]></category>

		<category><![CDATA[video installation]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=628</guid>
		<description><![CDATA[


What happens when you manipulate a traditionally hard surface so that it behaves like fabric?  Vito Acconci studio&#8217;s installation in the Bronx museum, &#8220;LOBBY-FOR-THE-TIME-BEING,&#8221; is a wrapping, and twisting installation that coerced Corian&#8212;a typically hard, flat surface&#8212;to behave in ways otherwise expected.  In response to their call for an interactive projection in conjunction with [...]]]></description>
			<content:encoded><![CDATA[<p><a class="lightbox" title="still from first filming session" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/spandex2.jpg"><img class="size-full wp-image-749 aligncenter" title="spandex2" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/spandex2_THUMB.jpg" alt="film still from first filming session" width="640" height="100" /></a><br />
<a class="lightbox" title="still from 2nd filming session, imagery becomes more abstract (its actually a rake!)" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/spandex3.jpg"><img class="size-full wp-image-750  aligncenter" title="spandex3" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/spandex3_THUMB.jpg" alt="spandex still" width="640" height="100" /></a><br />
<a class="lightbox" title="still from edited video" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/bronxVideo.jpg"><img class="size-full wp-image-748  aligncenter" title="spandex1" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/bronxVideo_THUMB.jpg" alt="spandex still" width="640" height="100" /></a></p>
<p>What happens when you manipulate a traditionally hard surface so that it behaves like fabric?  Vito Acconci studio&#8217;s installation in the Bronx museum, &#8220;LOBBY-FOR-THE-TIME-BEING,&#8221; is a wrapping, and twisting installation that coerced Corian&#8212;a typically hard, flat surface&#8212;to behave in ways otherwise expected. <span style="color: #ffc0cb;"><span style="text-decoration: underline;"> In response to their call for an interactive projection in conjunction with their installation, my partner Mike Kelberman and I created &#8220;Skin Tight,&#8221; orchestrating a series of abstract gestural movements to be projected onto the Corian surface to render what was once inflexible as malleable.</span></span></p>
<blockquote><p><em>Cut it open &amp; slit it into strips (it can be pulled now &amp; stretched to one-&amp;-a-half times its length): pit it &amp; gouge it, pock-mark it (it’s become malleable now, flexible): roll it &amp; curve it, fold it, braid &amp; knot it (it functions now as its own structure).  Let’s take slick sleek Corian &amp; turn it into lace: let’s take the surface of lace &amp; mold it into structure…-Vito Acconci</em></p></blockquote>
<p>The creation process involved a number of experiments with shape, form, and movement on a stretched spandex frame which were than later edited to fit specific, physical locations on the installation.  The control and interaction of the video was done through Max MSP.<br />
<object width="640" height="480" data="http://vimeo.com/moogaloop.swf?clip_id=12470216&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=12470216&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" /></object><br />
The installation has four phases that are activated by cameras placed in strategic locations within the lobby.  The installation&#8217;s default state, opening, is a calming, playful movement, like someone absentmindedly playing with his or her hair.  The next phase, activated by someone entering the lobby, is more focused and stylized, drawing more attention to the space.  The third phase, lobby, is activated when the visitor is at the desk area, and temporarily preoccupied with activity away from the installation.  Like a child trying to draw its parent&#8217;s attention, this phase is cloying and persistent.  Finally, the last phase, sustain, is one that becomes initialized after the viewer has spent some time in the lobby.  The video undergoes a metamorphosis into a more formalized, geometric state, acting at once mysterious and concrete.<br />
<object width="640" height="480" data="http://vimeo.com/moogaloop.swf?clip_id=7039054&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=7039054&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" /></object><br />
Our initial test run of the footage on a dress body.</p>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/portfolio/skin-tight/feed/</wfw:commentRss>
		</item>
		<item>
		<title>DLA</title>
		<link>http://s-p-r-a-w-l.com/explorations/dla/</link>
		<comments>http://s-p-r-a-w-l.com/explorations/dla/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 17:49:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[explorations]]></category>

		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=604</guid>
		<description><![CDATA[
A processing sketch using particle systems that was developed to demonstrate diffusion limited aggregation or DLA.  DLA is a phenomena found in nature in which molecules moving randomly according to Brownian motion, slowly aggregate to form complex patterns and structures.  This is a demonstration of a static emergent process and is the same [...]]]></description>
			<content:encoded><![CDATA[<p><a class="lightbox" title="Diffusion Limited Aggregation demonstrated with particle systems" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/04/DLA.png"><img class="size-full wp-image-699 aligncenter" title="DLA" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/04/dla_THUMB.png" alt="DLA" width="640" height="100" /></a><br />
A processing sketch using particle systems that was developed to demonstrate diffusion limited aggregation or DLA.  DLA is a phenomena found in nature in which molecules moving randomly according to Brownian motion, slowly aggregate to form complex patterns and structures.  This is a demonstration of a static emergent process and is the same underlying principal that drives the formation of snowflakes.   Click here to launch.  Seeds are generated upon mouse press.<br />
<object width="500" height="500" data="http://vimeo.com/moogaloop.swf?clip_id=11700163&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11700163&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/explorations/dla/feed/</wfw:commentRss>
		</item>
		<item>
		<title>deathstar automata</title>
		<link>http://s-p-r-a-w-l.com/portfolio/deathstar-automata/</link>
		<comments>http://s-p-r-a-w-l.com/portfolio/deathstar-automata/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 22:57:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[portfolio]]></category>

		<category><![CDATA[video installation]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=421</guid>
		<description><![CDATA[
These ambiguities, redundancies, and deficiencies recall those attributed by Dr. Franz Kuhn to a certain Chinese encyclopedia entitled Celestial Emporium of Benevolent Knowledge. On those remote pages it is written that animals are divided into (a) those that belong to the Emperor, (b) embalmed ones, (c) those that are trained, (d) suckling pigs, (e) mermaids, [...]]]></description>
			<content:encoded><![CDATA[<p><object width="600" height="338" data="http://vimeo.com/moogaloop.swf?clip_id=12382944&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=12382944&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" /></object><br />
<em>These ambiguities, redundancies, and deficiencies recall those attributed by Dr. Franz Kuhn to a certain Chinese encyclopedia entitled Celestial Emporium of Benevolent Knowledge. On those remote pages it is written that animals are divided into (a) those that belong to the Emperor, (b) embalmed ones, (c) those that are trained, (d) suckling pigs, (e) mermaids, (f) fabulous ones, (g) stray dogs, (h) those that are included in this classification, (i) those that tremble as if they were mad, (j) innumerable ones, (k) those drawn with a very fine camel&#8217;s hair brush, (l) others, (m) those that have just broken a flower vase, (n) those that resemble flies from a distance.</em><br />
<em>- Jorge Luis Borges<br />
</em><br />
Deathstar Automata is inspired by Jorge Luis Borges, who in particular writes in one of his parables, &#8220;The Analytical Language of John Wilkins,&#8221; about the human instinct to categorize our world, however arbitrary.   As a modular, parametric video interface, Deathstar incorporates a camera tracking system synced to a firefly LCD projector to project video into a series of custom-built tessellated structures.  <span style="color: #ffc0cb;"><span style="text-decoration: underline;"><span style="color: #ffc0cb;">It is a prototype for a larger-scaled video projection light fixture that in one sense, harnesses the video feed as its light source.  The content is an ongoing virtual cabinet of wonders with  all of its mysterious and unearthly qualities, which together in kaleidoscopic  fashion, reshapes our reality into the possibility of other worlds. </span></span></span></p>
<p><a class="lightbox" title="still from video rendering" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/treeimage1.png"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/treeImage1_THUMB.png" alt="video still" /></a><br />
<a class="lightbox" title="still from video rendering" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/treeimage2.png"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/treeImage2_THUMB.png" alt="video still" /></a><br />
<a class="lightbox" title="still from video rendering" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/treeimage3.png"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/treeImage3_THUMB.png" alt="video still" /></a><br />
<a class="lightbox" title="still from video rendering" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/treeimage4.png"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/treeImage4_THUMB.png" alt="video still" /></a></p>
<p>This current iteration is dependent on the number of objects used as well as the object&#8217;s specific placement in the overall configuration so that as users place a pod onto the surface, the camera will track the object&#8217;s rotation and location in space and direct the video projector accordingly.   Moreover, rotating the object will move the video forwards or backwards thus enabling the user to control the visuals through a more intuitive interface.  And lastly, the virtual objects will multiply depending on the number of objects that the camera sees, thus two objects placed on the surface will create a mirrored effect while subsequent objects can create a kaleidoscopic one.    Currently Deathstar Automata was prototyped using a camera tracking library called Trackmate, an open source  project started by the <a href="http://tangible.media.mit.edu/">Tangible  Media Group</a> in the <a href="http://media.mit.edu/">MIT Media Lab</a>.</p>
<p><a class="lightbox" title="Deathstar Automata at the ITP winter show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/deathstarautomata0.jpg"><img class="size-full wp-image-901" title="deathstar automata 0" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/deathstarautomata0_THUMB.jpg" alt="deathstar automata 0" /></a><br />
<a class="lightbox" title="Deathstar Automata at the ITP winter show" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/deathstarautomata1.jpg"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/deathstarautomata1_THUMB.jpg" alt="deathstar automata 1" /></a><br />
<a class="lightbox" title="Rendering" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/deathstarrendering1.jpg"><img class="size-full wp-image-690" title="deathstar rendering" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/DeathstarRendering1_THUMB.jpg" alt="Rendering: bottom elevation" width="640" height="100" /></a><br />
<a class="lightbox" title="Side Elevation" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/DeathstarRendering2.jpg"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/01/DeathstarRendering2_THUMB.jpg" alt="side elevation" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/portfolio/deathstar-automata/feed/</wfw:commentRss>
		</item>
		<item>
		<title>neon quakes</title>
		<link>http://s-p-r-a-w-l.com/explorations/neon-quakes/</link>
		<comments>http://s-p-r-a-w-l.com/explorations/neon-quakes/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 03:48:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[explorations]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=507</guid>
		<description><![CDATA[
Click to load sketch
A processing sketch developed with Filippo Vanucci as part of Visualizing Data.  We designed an algorithmic drawing tool that used voronoi geometry to draw a series of cells based on data gathered from the National Earthquake Information Center.  Each voronoi cell was drawn according to a corresponding x-y-position based on the epicenter&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-913" title="neonquakes" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/12/neonquakes.png" alt="neonquakes" width="640" height="333" /></p>
<p><em><a href="http://s-p-r-a-w-l.com/sp_sketches/Earthquakes" target="_blank">Click</a> to load sketch</em></p>
<p>A processing sketch developed with Filippo Vanucci as part of Visualizing Data.  We designed an algorithmic drawing tool that used voronoi geometry to draw a series of cells based on data gathered from the <a href="http://earthquake.usgs.gov/regional/neic/" target="_blank">National Earthquake Information Center</a>.  Each voronoi cell was drawn according to a corresponding x-y-position based on the epicenter&#8217;s latitude and longitude coordinates.</p>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/explorations/neon-quakes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>u sunk my military spending</title>
		<link>http://s-p-r-a-w-l.com/explorations/military-spending/</link>
		<comments>http://s-p-r-a-w-l.com/explorations/military-spending/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 05:57:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[explorations]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=558</guid>
		<description><![CDATA[
This Processing sketch was a remake of an existing pie chart visualization showing military expenditures of the top 16 nations.  My reinvention was to revamp it with a retro video game skin in which the &#8220;player,&#8221; in order to see the amount of money spent (in millions of dollars), would have to blow-up each [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-560" title="military expenditures" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/02/militarySpending.jpg" alt="military expenditures" width="640" /></p>
<p style="text-align: center;">This Processing sketch was a remake of an existing pie chart visualization showing military expenditures of the top 16 nations.  My reinvention was to revamp it with a retro video game skin in which the &#8220;player,&#8221; in order to see the amount of money spent (in millions of dollars), would have to blow-up each country with each mouse press.</p>
<p><object width="640" height="360" data="http://vimeo.com/moogaloop.swf?clip_id=8825706&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8825706&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" /></object></p>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/explorations/military-spending/feed/</wfw:commentRss>
		</item>
		<item>
		<title>blind to the weather</title>
		<link>http://s-p-r-a-w-l.com/explorations/weather-blinds/</link>
		<comments>http://s-p-r-a-w-l.com/explorations/weather-blinds/#comments</comments>
		<pubDate>Fri, 16 Oct 2009 05:56:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[explorations]]></category>

		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=551</guid>
		<description><![CDATA[
My usual, trusty weather gauge is me looking out a window and taking an educated guess.  Therefore, I created a Processing sketch that moved &#8220;window blinds&#8221; in a manner similar to a weather vane.  Pulling the data from the Yahoo RSS feed, it visualizes in real time both temperature and wind speed by [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-623" title="weather blinds" src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/02/WeatherBlinds.png" alt="weather blinds" /></p>
<p>My usual, trusty weather gauge is me looking out a window and taking an educated guess.  Therefore, I created a Processing sketch that moved &#8220;window blinds&#8221; in a manner similar to a weather vane.  Pulling the data from the<a href="http://developer.yahoo.com/weather/" target="_blank"> Yahoo RSS feed</a>, it visualizes in real time both temperature and wind speed by mapping the blinds&#8217; color from blue (coldest) to red (hottest) using an HSB color mode, and the blinds&#8217; rotational speed to actual wind speed.</p>
<p style="text-align: center;"><object width="640" height="480" data="http://vimeo.com/moogaloop.swf?clip_id=12480548&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=12480548&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=ff0179&amp;fullscreen=1" /></object><br />
The video shows weather data for New York City and Anchorage, AK.</p>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/explorations/weather-blinds/feed/</wfw:commentRss>
		</item>
		<item>
		<title>10012009</title>
		<link>http://s-p-r-a-w-l.com/explorations/10012009/</link>
		<comments>http://s-p-r-a-w-l.com/explorations/10012009/#comments</comments>
		<pubDate>Thu, 01 Oct 2009 04:17:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[explorations]]></category>

		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=521</guid>
		<description><![CDATA[


A Processing sketch inspired by graphic designer Saul Bass, exploring levels of theme + variation.  Constraints: (1) can only be in black and white; (2) one variable must be a string; (3) one variable must be an integer.
Click to launch.
]]></description>
			<content:encoded><![CDATA[<p><a class="lightbox" title="first iteration" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/10/themevariation1.jpg"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/10/themevariation1_THUMB.jpg" alt="first iteration" /></a><br />
<a class="lightbox" title="second iteration" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/10/themevariation2.jpg"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/10/themevariation2_THUMB.jpg" alt="second iteration iteration" width="640" height="100" /></a><br />
<a class="lightbox" title="third iteration" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/10/themevariation3.jpg"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/10/themevariation3_THUMB.jpg" alt="third iteration iteration" width="640" height="100" /></a></p>
<p>A Processing sketch inspired by graphic designer <a href="http://www.google.com/images?q=saul+bass&amp;oe=utf-8&amp;rls=org.mozilla:en-US:official&amp;client=firefox-a&amp;um=1&amp;ie=UTF-8&amp;source=univ&amp;ei=vqoRTN-KBYaglAeW7uHbBw&amp;sa=X&amp;oi=image_result_group&amp;ct=title&amp;resnum=1&amp;ved=0CBoQsAQwAA" target="_blank">Saul Bass</a>, exploring levels of theme + variation.  Constraints: (1) can only be in black and white; (2) one variable must be a string; (3) one variable must be an integer.<br />
<a href="http://s-p-r-a-w-l.com/sp_sketches/SaulBass" target="_blank">Click</a> to launch.</p>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/explorations/10012009/feed/</wfw:commentRss>
		</item>
		<item>
		<title>explorations: the arcades project</title>
		<link>http://s-p-r-a-w-l.com/portfolio/interpretations-the-arcades-project/</link>
		<comments>http://s-p-r-a-w-l.com/portfolio/interpretations-the-arcades-project/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 15:16:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[portfolio]]></category>

		<category><![CDATA[video installation]]></category>

		<category><![CDATA[processing]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=165</guid>
		<description><![CDATA[
Explorations slowly begins to unravel some of the many tessellations of urban experience.  As a projection, the user encounters the scene as a small cityscape, gradually emerging out of mortar and concrete.   Little by little, the scene starts to unravel; and similar to the way that we bear our scars and our [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-860" title="explorations_poster" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations_poster.jpg" alt="explorations_poster" height="550" /><br />
Explorations slowly begins to unravel some of the many tessellations of urban experience.  As a projection, the user encounters the scene as a small cityscape, gradually emerging out of mortar and concrete.   Little by little, the scene starts to unravel; and similar to the way that we bear our scars and our marks as a visual history of our life, the city bursts forth with the history of its inhabitants and the elements of its structure.  And as the viewer is enveloped by these aggregate materials, objects, and people, he or she becomes a part of a new history and place, continuing a new cycle of things to come.</p>
<p><object width="507" height="380" data="http://vimeo.com/moogaloop.swf?clip_id=3996030&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3996030&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=ffffff&amp;fullscreen=1" /></object><br />
Walter Benjamin, in his exposition on the arcades—fluid-like places which strike us “like realities in a dream,”—tells us of a dream world that is the harbinger of our freedoms, holding the promise of utopia.  It is through interpretation and reconstruction, that we can begin to understand its meaning and implement its lessons in the modern world by remaining sensitive to its past.  A building’s ruins, Benjamin believed, was not so far removed form a solid structure; it was possible to discern more about a great building from its plans or ruins than from the completed structure itself.  The value of the ruin, was the fact that it had passed through a history, bearing the marks of process.</p>
<p><a class="lightbox" title="explorations at conflux festival" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations1.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations1_THUMB.jpg" alt="graphic layout for the lightbox" width="640" height="100" /></a><br />
<a class="lightbox" title="explorations at conflux festival" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations2.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations2_THUMB.jpg" alt="graphic layout for the lightbox" width="640" height="100" /></a><br />
<a class="lightbox" title="explorations at conflux festival" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations3.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations3_THUMB.jpg" alt="graphic layout for the lightbox" width="640" height="100" /></a><br />
<a class="lightbox" title="explorations at conflux festival" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations4.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations4_THUMB.jpg" alt="graphic layout for the lightbox" width="640" height="100" /></a><br />
<a class="lightbox" title="explorations at conflux festival" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations5.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations5_THUMB.jpg" alt="graphic layout for the lightbox" width="640" height="100" /></a><br />
<a class="lightbox" title="explorations at conflux festival" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations6.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations6_THUMB.jpg" alt="graphic layout for the lightbox" width="640" height="100" /></a></p>
<p>Explorations was shown as part of <a href="http://confluxfestival.org/2009/">Conflux Festival</a>, an art and technology festival for the creative exploration of urban public space, with the generous donation of exhibition space from Two Trees Management Inc.</p>
<p>Collaborators: Jelani John<br />
Additional assistance: Jason Rosado</p>
<p><span style="color: #ffc0cb;">SKETCHES:</span><br />
<a class="lightbox" title="explorations at conflux festival" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations9.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations9_THUMG.jpg" alt="graphic layout for the lightbox" width="640" height="100" /></a><br />
<a class="lightbox" title="explorations at conflux festival" href="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations10.jpg"><img class="aligncenter" src="http://s-p-r-a-w-l.com/wp-content/uploads/2009/09/explorations10_THUMB.jpg" alt="graphic layout for the lightbox" width="640" height="100" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/portfolio/interpretations-the-arcades-project/feed/</wfw:commentRss>
		</item>
		<item>
		<title>GO4RLO</title>
		<link>http://s-p-r-a-w-l.com/proposals/go4rlo/</link>
		<comments>http://s-p-r-a-w-l.com/proposals/go4rlo/#comments</comments>
		<pubDate>Wed, 13 May 2009 21:17:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[proposals]]></category>

		<category><![CDATA[research]]></category>

		<guid isPermaLink="false">http://s-p-r-a-w-l.com/?p=807</guid>
		<description><![CDATA[In the face of one of the largest recessions our nation has experienced, some fellow students and I articulated GO4RLO, A &#8216;Go Bag&#8217; for New York&#8217;s Recently Laid-Off, under the direction of Rachel Abrams for Service Design for Public Spaces.  It was designed to provide a suite of services for the city&#8217;s recent jobless population, [...]]]></description>
			<content:encoded><![CDATA[<p>In the face of one of the largest recessions our nation has experienced, some fellow students and I articulated <span style="color: #ffc0cb;">GO4RLO, A &#8216;Go Bag&#8217; for New York&#8217;s Recently Laid-Off</span>, under the direction of Rachel Abrams for Service Design for Public Spaces.  <span style="color: #ffc0cb;"><span style="text-decoration: underline;">It was designed to provide a suite of services for the city&#8217;s recent jobless population, connecting people to useful resources for that indeterminate period between being laid-off, surviving unemployment and getting back on their feet.</span></span> Since being published, it was picked up by Brian Lehrer on WNYC Radio as part of their &#8216;<a href="http://panzera.wnyc.org/indicators/contributions/id/578/ " target="_blank">Uncommon Economic Indicators</a>&#8216; thread on &#8216;bright spots,&#8217; focusing on positive news that has emerged out of the downturn.</p>
<p>More details about GO4RLO from the class blog:<br />
Over three sessions, the students gathered material, organized it and represented their proposition.</p>
<table border="0">
<tbody>
<tr>
<td><a class="lightbox" title="Go Bag Project Summary" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/go41.jpg"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/go41_THUMB.jpg" alt="01_GO4RLO" width="320" height="237" /></a></td>
<td><a class="lightbox" title="Go Bag Project Summary" href="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/go42.jpg"><img src="http://s-p-r-a-w-l.com/wp-content/uploads/2010/06/go42_THUMB.jpg" alt="02_GO4RLO" width="320" height="237" /></a></td>
</tr>
</tbody>
</table>
<p><strong>Specific roles to introduce the design process</strong><br />
In pairs, students each took on specific roles, to focus on and explore particular tasks at key stages in the design process: Investigative reporters, City clients, typical NYC new jobless, design strategists, interface designers, typical subscribers of the Go4 services – jobless people’s outlooks transformed, and historians from tomorrow looking back from the future.This way, each pair focused on a stage of the design lifecycle: from discovering, defining, designing, detailing, deploying through documenting the outcomes and next phase.</p>
<p><strong>Guest critics</strong><br />
The students presented twice, first to service designer, <a href="http://www.ideo.com/">Ben Fullerton</a> of IDEO (San Francisco), formerly of Live | Work, London, then to public space advocates, <a title="Freshkills Park" href="http://www.nycgovparks.org/sub_your_park/fresh_kills_park/html/fresh_kills_park.html">Raj Kottamasu</a> (NYC Parks Department, Arts Program Manager for Freshkills Park) and <a title="Urban Omnibus" href="http://urbanomnibus.net/">Cassim Shepard</a> (Editor, Urban Omnibus.net)</p>
<p><strong>The Outcomes:</strong><br />
In a concept document of single slides for each stage in the process, the project is summarized as a slideshow. Some highlights below, from the full presentation (which you can download from the top of this post).</p>
<p>The slides tell the story of a proposition worth responding to, and a plausible design process towards an effective, context-appropriate outcome.<br />
It is both attractive and topical, timely and collaborative document of their proposed intervention;<br />
It reflects the design methods that the students had been exploring all semester.</p>
<p>We’ve decided to publish the results not only to attract attention to the skills, process, values and experiences that these ITP students draw on to tackle real-world issues, but also to articulate what could be done to smooth out the bumpy time many people are navigating adapting to right now.</p>
<p><strong>Participating students:</strong><br />
Karla Calderon, Angela Chen, Derek Chung, Cynthia Hilmoe, Sara Huong, Madeline Jannotta, Ari Joseph, Gloria Kim, Sonaar Luthra, Jeehyun Moon, Nobuyuki Nakaguchi, Kristin OFriel, Nahanaeli Schelling, Jonathan Ystad.</p>
<div>The whole slideshow can be downloaded <a href="http://itp.nyu.edu/sdps/2009/06/09/sdps_final_assignment/" target="_blank">here</a>.</div>
]]></content:encoded>
			<wfw:commentRss>http://s-p-r-a-w-l.com/proposals/go4rlo/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
