<?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>Caroline Brown &#187; Intro to Computational Media</title>
	<atom:link href="http://carolineabrown.com/category/intro-to-computational-media/feed/" rel="self" type="application/rss+xml" />
	<link>http://carolineabrown.com</link>
	<description></description>
	<lastBuildDate>Thu, 25 Aug 2011 16:06:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Velas Photos</title>
		<link>http://carolineabrown.com/2008/12/velas-photos/</link>
		<comments>http://carolineabrown.com/2008/12/velas-photos/#comments</comments>
		<pubDate>Fri, 12 Dec 2008 05:47:10 +0000</pubDate>
		<dc:creator>Caroline</dc:creator>
				<category><![CDATA[Intro to Computational Media]]></category>
		<category><![CDATA[ITP]]></category>
		<category><![CDATA[Physical Computing]]></category>
		<category><![CDATA[icm]]></category>
		<category><![CDATA[pcomp]]></category>
		<category><![CDATA[velas]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~cab513/blog/?p=309</guid>
		<description><![CDATA[I need to add a layer behind the screen to diffuse the LEDs, but the glowing looks amazing in a darkened room.]]></description>
			<content:encoded><![CDATA[<div id="attachment_553" class="wp-caption alignnone" style="width: 320px"><a href="http://carolineabrown.com/blog/wp-content/uploads/2008/12/velasglow.jpg" rel="shadowbox[post-309];player=img;"><img class="size-thumbnail wp-image-553" title="Velas" src="http://carolineabrown.com/blog/wp-content/uploads/2008/12/velasglow-310x150.jpg" alt="Velas, glowing." width="310" height="150" /></a><p class="wp-caption-text">Velas, glowing.</p></div>
<p>I need to add a layer behind the screen to diffuse the LEDs, but the glowing looks amazing in a darkened room.</p>
]]></content:encoded>
			<wfw:commentRss>http://carolineabrown.com/2008/12/velas-photos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pcomp Final&#8211; Velas Presentation</title>
		<link>http://carolineabrown.com/2008/12/pcomp-final-velas-presentation/</link>
		<comments>http://carolineabrown.com/2008/12/pcomp-final-velas-presentation/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 18:03:22 +0000</pubDate>
		<dc:creator>Caroline</dc:creator>
				<category><![CDATA[Intro to Computational Media]]></category>
		<category><![CDATA[ITP]]></category>
		<category><![CDATA[Physical Computing]]></category>
		<category><![CDATA[finals]]></category>
		<category><![CDATA[icm]]></category>
		<category><![CDATA[pcomp]]></category>
		<category><![CDATA[velas]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~cab513/blog/?p=281</guid>
		<description><![CDATA[This is a short summary presentation I made to accompany my final project for PComp and ICM. Please download the PowerPoint file in order to view this presentation as it is intended. Unfortunately, SlideShare does not support slide animations, and it has some problems with formatting. I will upload images and code in the next [...]]]></description>
			<content:encoded><![CDATA[<div id="__ss_828977" style="width: 425px; text-align: left;"><object width="425" height="355" data="http://static.slideshare.net/swf/ssplayer2.swf?doc=pcompfinal-1228750543874994-9&amp;stripped_title=velas-presentation" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=pcompfinal-1228750543874994-9&amp;stripped_title=velas-presentation" /><param name="allowfullscreen" value="true" /></object></div>
<p>This is a short summary presentation I made to accompany my final project for PComp and ICM. Please download the <a title="Velas PowerPoint Presentation" href="http://itp.nyu.edu/~cab513/files/velas.ppt">PowerPoint file</a> in order to view this presentation as it is  intended. Unfortunately, SlideShare does not support slide animations, and it has some problems with formatting.</p>
<p>I will upload images and code in the next few days.</p>
]]></content:encoded>
			<wfw:commentRss>http://carolineabrown.com/2008/12/pcomp-final-velas-presentation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ICM Final Project</title>
		<link>http://carolineabrown.com/2008/11/icm-final-project/</link>
		<comments>http://carolineabrown.com/2008/11/icm-final-project/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 00:04:17 +0000</pubDate>
		<dc:creator>Caroline</dc:creator>
				<category><![CDATA[Intro to Computational Media]]></category>
		<category><![CDATA[ITP]]></category>
		<category><![CDATA[icm]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~cab513/blog/?p=186</guid>
		<description><![CDATA[For the ICM final I&#8217;m going to continue work on my midterm project. My goal is to create an information visualization that uses the accrual of objects to illustrate data that&#8217;s expressed along the lines of &#8220;every 5 seconds&#8230;&#8221; A few links to keep in mind&#8230; Breathing Earth Worldometers &#8230; every second Running the Numbers [...]]]></description>
			<content:encoded><![CDATA[<p>For the ICM final I&#8217;m going to continue work on my midterm project. My goal is to create an information visualization that uses the accrual of objects to illustrate data that&#8217;s expressed along the lines of &#8220;every 5 seconds&#8230;&#8221;</p>
<p>A few links to keep in mind&#8230;</p>
<p><a title="breathing earth" href="http://www.breathingearth.net/">Breathing Earth</a></p>
<p><a title="worldometers" href="http://www.worldometers.info/">Worldometers</a></p>
<p><a title="every second" href="http://smas.studioludens.com/">&#8230; every second</a></p>
<p><a title="chris jordan" href="http://www.chrisjordan.com/">Running the Numbers</a> (photography by Chris Jordan)</p>
]]></content:encoded>
			<wfw:commentRss>http://carolineabrown.com/2008/11/icm-final-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ICM Midterm</title>
		<link>http://carolineabrown.com/2008/10/icm-midterm/</link>
		<comments>http://carolineabrown.com/2008/10/icm-midterm/#comments</comments>
		<pubDate>Wed, 22 Oct 2008 14:53:13 +0000</pubDate>
		<dc:creator>Caroline</dc:creator>
				<category><![CDATA[Intro to Computational Media]]></category>
		<category><![CDATA[icm]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~cab513/blog/?p=157</guid>
		<description><![CDATA[Applet is here: http://itp.nyu.edu/~cab513/icm/midterm3/. I&#8217;m trying to create an applet that accrues a pile of shapes over time to visualize data that gets expressed along the lines of &#8220;over a given amount of time such-and-such happens.&#8221; For example, every five seconds a child dies of preventable or curable poverty-related causes, or every 30 seconds someone [...]]]></description>
			<content:encoded><![CDATA[<p>Applet is here: <a title="icm midterm applet" href="http://itp.nyu.edu/~cab513/icm/midterm3/">http://itp.nyu.edu/~cab513/icm/midterm3/</a>.</p>
<p>I&#8217;m trying to create an applet that accrues a pile of shapes over time to visualize data that gets expressed along the lines of &#8220;over a given amount of time such-and-such happens.&#8221; For example, every five seconds a child dies of preventable or curable poverty-related causes, or every 30 seconds someone dies of malaria, etc. I would eventually like to have different flows of circles according to user input so that you could choose to compare accruals of different bits of data (e.g. you could see the rate of poverty-related child mortality at the same time as the rate of pounds of beef consumed in the U.S.) Right now I&#8217;m having trouble splitting up the array of balls so that they drop at a specified rate. Once that is sorted out I need to work on their behavior when they collide at the bottom of the screen.</p>
]]></content:encoded>
			<wfw:commentRss>http://carolineabrown.com/2008/10/icm-midterm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PComp and ICM&#8211; Week 6</title>
		<link>http://carolineabrown.com/2008/10/pcomp-and-icm-week-6/</link>
		<comments>http://carolineabrown.com/2008/10/pcomp-and-icm-week-6/#comments</comments>
		<pubDate>Sat, 11 Oct 2008 21:01:40 +0000</pubDate>
		<dc:creator>Caroline</dc:creator>
				<category><![CDATA[Intro to Computational Media]]></category>
		<category><![CDATA[Physical Computing]]></category>
		<category><![CDATA[icm]]></category>
		<category><![CDATA[pcomp]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~cab513/blog/?p=140</guid>
		<description><![CDATA[This week I&#8217;m using analog input to the Arduino (heat and light sensors) to manipulate an image in Processing. I started off by prgramming a very basic ellipse in Processing. My goal is to make the color of the ellipse warm as the thermistor registers warmer temperatures and to make it brighten as less light [...]]]></description>
			<content:encoded><![CDATA[<p>This week I&#8217;m using analog input to the Arduino (heat and light sensors) to manipulate an image in Processing. I started off by prgramming a very basic ellipse in Processing. My goal is to make the color of the ellipse warm as the thermistor registers warmer temperatures and to make it brighten as less light is sensed by the photocell. If I have time I&#8217;ll add a force sensing resistor to control the size of the ellipse.</p>
<p>I hooked up a photocell and an LED, based on the Analog In Lab. The LED was glowing, but it wasn&#8217;t reacting to the changes in light the photocell was sending to the serial port. I hooked up a potentiometer just to trouble shoot, and the LED dimmed and grew lighter appropriately. So, there&#8217;s a problem with the numbers coming in via the photocell. The pot is sending values from 0 to 1023, but the photocell is sending values in the range of 20-60. I multiplied the photocell values by 20, which affected the LED well enough for my purposes, since I won&#8217;t be using the LED as the final output.</p>
<p>I hooked up the thermistor and switched the photocell values back to being divided by 4 so that its value falls below 255. The values coming through the serial monitor for both the thermistor and the photocell look good, so I&#8217;m ready for the next phase of the project: setting up the information to work with Processing&#8230;</p>
<p>After a few minor hurdles and some help from Dan Shiffmann I got my code working. The Arduino code looks like this:<br />
/*<br />
Sensor Reader<br />
Language: Wiring/Arduino</p>
<p>Reads two analog inputs<br />
and outputs their values.<br />
Connections:<br />
analog sensors on analog input pins 0 and 1<br />
*/</p>
<p>int analogOne = 0;       // analog input&#8211; thermistor<br />
int analogTwo = 1;       // analog input&#8211; photo cell<br />
int analogThree = 2;     // analog input&#8211; flex</p>
<p>int sensorValue = 0;     // reading from the sensor</p>
<p>void setup() {<br />
// configure the serial connection:<br />
Serial.begin(9600);<br />
}</p>
<p>void loop() {<br />
// read the sensor:<br />
sensorValue = analogRead(analogOne);<br />
// print the results:<br />
Serial.print(sensorValue, DEC);<br />
Serial.print(&#8220;,&#8221;);</p>
<p>// read the sensor:<br />
sensorValue = analogRead(analogTwo);<br />
// print the results:<br />
Serial.print(sensorValue, DEC);<br />
Serial.print(&#8220;,&#8221;);</p>
<p>// read the sensor:<br />
sensorValue = analogRead(analogThree);<br />
// print the results:<br />
Serial.println(sensorValue, DEC);<br />
}</p>
<p>And the Processing code looks like this:</p>
<p>import processing.serial.*;</p>
<p>Serial myPort;<br />
Orb myOrb;<br />
int r = 0;<br />
int g = 125;<br />
int b = 0;<br />
int a = 0;<br />
float bgcolor = 0;</p>
<p>void setup() {<br />
size(1300,800);<br />
smooth();<br />
// List all the available serial ports<br />
println(Serial.list());<br />
// I know that the first port in the serial list on my mac<br />
// is always my  Arduino module, so I open Serial.list()[0].<br />
// Change the 0 to the appropriate number of the serial port<br />
// that your microcontroller is attached to.<br />
myPort = new Serial(this, Serial.list()[0], 9600);<br />
// read bytes into a buffer until you get a linefeed (ASCII 10):<br />
myPort.bufferUntil(&#8216;n&#8217;);<br />
myOrb = new Orb (color(r,g,b,a));<br />
}</p>
<p>void draw() {<br />
background(bgcolor);<br />
myOrb.setColor(color(r,g,b,a));<br />
myOrb.display();<br />
}</p>
<p>// serialEvent  method is run automatically by the Processing applet<br />
// whenever the buffer reaches the  byte value set in the bufferUntil()<br />
// method in the setup():</p>
<p>void serialEvent(Serial myPort) {<br />
// read the serial buffer:<br />
String myString = myPort.readStringUntil(&#8216;n&#8217;);<br />
// if you got any bytes other than the linefeed:<br />
if (myString != null) {<br />
myString = trim(myString);<br />
// split the string at the commas<br />
// and convert the sections into integers:<br />
int sensors[] = int(split(myString, &#8216;,&#8217;));<br />
// print out the values you got:<br />
for (int sensorNum = 0; sensorNum &lt; sensors.length; sensorNum++) {<br />
print(&#8220;Sensor &#8221; + sensorNum + &#8220;: &#8221; + sensors[sensorNum] + &#8220;t&#8221;);<br />
}</p>
<p>// add a linefeed after all the sensor values are printed:<br />
println();</p>
<p>if (sensors.length &gt; 1) {<br />
r = sensors[0];<br />
b = sensors[1];<br />
a = sensors[2];<br />
}</p>
<p>}<br />
}</p>
<p>With the Orb class written separately as this:</p>
<p>class Orb {<br />
color c;<br />
float orbXPos = width/2;<br />
float orbYPos = height/2;<br />
float orbWidth = height;<br />
float orbHeight = height;</p>
<p>Orb(color tempC){<br />
c = tempC;<br />
}</p>
<p>void display() {<br />
noStroke();<br />
fill(c);<br />
ellipse(orbXPos, orbYPos, orbWidth, orbHeight);<br />
}</p>
<p>void setColor(color tempC) {<br />
c= tempC;<br />
}<br />
}</p>
]]></content:encoded>
			<wfw:commentRss>http://carolineabrown.com/2008/10/pcomp-and-icm-week-6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Intro to Computational Media- Week 3</title>
		<link>http://carolineabrown.com/2008/09/intro-to-computational-media-week-3/</link>
		<comments>http://carolineabrown.com/2008/09/intro-to-computational-media-week-3/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 00:44:52 +0000</pubDate>
		<dc:creator>Caroline</dc:creator>
				<category><![CDATA[Intro to Computational Media]]></category>
		<category><![CDATA[icm]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~cab513/blog/?p=71</guid>
		<description><![CDATA[My sketch for this week is viewable at http://itp.nyu.edu/~cab513/icm/week3/.]]></description>
			<content:encoded><![CDATA[<p>My sketch for this week is viewable at <a title="ICM Week 3 Sketch" href="http://itp.nyu.edu/~cab513/icm/week3/">http://itp.nyu.edu/~cab513/icm/week3/</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://carolineabrown.com/2008/09/intro-to-computational-media-week-3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ICM &#8211; Week 2</title>
		<link>http://carolineabrown.com/2008/09/icm-week-2/</link>
		<comments>http://carolineabrown.com/2008/09/icm-week-2/#comments</comments>
		<pubDate>Sun, 14 Sep 2008 18:54:01 +0000</pubDate>
		<dc:creator>Caroline</dc:creator>
				<category><![CDATA[Intro to Computational Media]]></category>
		<category><![CDATA[icm]]></category>

		<guid isPermaLink="false">http://itp.nyu.edu/~cab513/blog/?p=16</guid>
		<description><![CDATA[This week Josh and I used Processing to create an animated drawing. Click to create bubbles, then watch them float: http://itp.nyu.edu/~cab513/icm/week2/.]]></description>
			<content:encoded><![CDATA[<p>This week Josh and I used Processing to create an animated drawing. Click to create bubbles, then watch them float: <a title="ICM Week 2" href="http://itp.nyu.edu/~cab513/icm/week2/">http://itp.nyu.edu/~cab513/icm/week2/</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://carolineabrown.com/2008/09/icm-week-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

