<?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>Andrew Plemmons Pratt &#187; processing.org</title>
	<atom:link href="http://www.appratt.com/tag/processingorg/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.appratt.com</link>
	<description>Learning, teaching, pirates, etc.</description>
	<lastBuildDate>Tue, 22 Jun 2010 04:20:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Processing</title>
		<link>http://www.appratt.com/2008/12/02/processing/</link>
		<comments>http://www.appratt.com/2008/12/02/processing/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 04:53:47 +0000</pubDate>
		<dc:creator>Andrew Plemmons Pratt</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[open-source]]></category>
		<category><![CDATA[processing.org]]></category>

		<guid isPermaLink="false">http://www.appratt.com/?p=32</guid>
		<description><![CDATA[Conceived by a couple of grad students working with John Maeda at the MIT Media Lab, Processing is an open source programming language and environment for designers. Built on top of Java, the platform is a simplified way of allowing &#8230; <a href="http://www.appratt.com/2008/12/02/processing/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Conceived by a couple of grad students working with John Maeda at the MIT Media Lab, <a href="http://processing.org">Processing </a>is an open source programming language and environment for designers. Built on top of Java, the platform is a simplified way of allowing digital artists (who might have no familiarity with coding), information designers (who might have some), or even skilled animators (who might have plenty) to construct programs that allow for dancing typography and iterative motion. Seven years in the making (hat tip to <a href="http://designobserver.com/">Design Observer</a>), creators Ben Fry and Casey Reas released <a href="http://processing.org/about/basics.html">version 1.0</a> over the holiday weekend.</p>
<p>In an attempt to learn how to make information graphics dance around on the screen, I&#8217;ve learned the basics of <a href="http://www.scienceprogress.org/2007/12/flex-fuel-friendly-states/">ActionScript </a>and have attempted (with little success) to learn the rudiments of Ruby On Rails. I&#8217;m dubious about the utility of a language built on top of another somewhat defunct language, but the ability to manipulate typography within a web browser without having to muck around with a timeline is intriguing.</p>
<p>This <a href="http://apps.datamarket.net/agepyramid/?lang=en">example</a> from the Processing site&#8217;s &#8220;Exhibition&#8221; section is well within the realm of what&#8217;s possible in Flash, but it has a pleasant polish to it:</p>
<p><img class="alignnone" src="http://www.appratt.com/wp-content/uploads/2008/12/iceland_pop.jpg" alt="Iceland population graphic" /></p>
<p>Venture outside the world of information graphics and into digital art and you get Processing applications like this, a music video for Radiohead&#8217;s &#8220;Bodysnatchers&#8221; generated by a reactive program that responds to audio input:</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="225" 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=1994927&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="225" src="http://vimeo.com/moogaloop.swf?clip_id=1994927&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<a href="http://vimeo.com/1994927">Bodysnatchers &#8211; Zeno Music Visualiser</a> from <a href="http://vimeo.com/user656427">Glenn Marshall</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>And finally, here&#8217;s an <a href="http://www.appratt.com/wp-content/uploads/2008/12/applet/index.html">applet </a>I pulled directly from the examples that come with the v1.0.1 package, exported, and then uploaded to my server. The code is 17 lines long:</p>
<p><code><br />
void setup()<br />
{<br />
size(200, 200);<br />
noStroke();<br />
colorMode(RGB, 255, 255, 255, 100);<br />
rectMode(CENTER);<br />
}<br />
</code></p>
<p><code><br />
void draw()<br />
{<br />
background(51);<br />
fill(255, 80);<br />
rect(mouseX, height/2, mouseY/2+10, mouseY/2+10);<br />
fill(255, 80);<br />
int inverseX = width-mouseX;<br />
int inverseY = height-mouseY;<br />
rect(inverseX, height/2, (inverseY/2)+10, (inverseY/2)+10);<br />
}<br />
</code></p>
<p>This could be worth playing around with.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.appratt.com/2008/12/02/processing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
