Functions | ICM #4

This week we were asked to start cleaning up our code and using functions in the main loop. I started working with the very limited game I made for week 2 “evil peeps”. While I eventually got the functions down I spent most of my time this week trying to get the Evil Peeps themselves to work as an object. I had the X location and Y location as well as the entire drawing and timing function as parts of a “peeps” object but I could never seem to get it to work. (I unfortunately can’t find the screenshot I took of this). Ultimately I settled on just organizing my code using functions as well as adding some “if” stamtents and other improvements to make it feel like more of a game. My goal for this project going forward is to get these peeps moving around on the screen once they are placed and to finally implement fail conditions.

Screen Shot 2015-09-30 at 11.06.59 AM

Screen Shot 2015-09-30 at 10.51.03 AM

Sound and Movement | PComp #4

This week in Pcomp we looked into controlling sounds/speakers and servo motors with arduino. The first task in the lab was to control the pitch of a speaker depending on input from a variable resistor. I took the light meter I made last week and after some tweaking installed a speaker on the breadboard to provide an audio indicator along with the succession of lights. The pitch increases as the amount of light hitting the sensor increases. I was very surprised that the addition of the speaker only required a couple lines of code to be functional.

Video: Lightmeter + Audio

Screen Shot 2015-09-29 at 12.53.59 PM

The next task in the audio lab was to have the speaker play a melody. This required a library to be called in the Arduino IDE and the use of some arrays, which I don’t have much experience with. However I followed along with the lab closely and was able to get the melody playing on my arduino. The slight change I made from the lab was to assign different pins because I wanted to keep my light meter operational.

Video: Arduino melody

Screen Shot 2015-09-29 at 1.28.23 PM

And last up for the audio lab was to build an instrument. I had limited success here. I was able to get responsive tones from a few light sensors, however I also had a persistent buzzing tone that I couldn’t eliminate. I realized that part of this may be due to the fact that I am maintaining my light meter on the same board and that I may have unintentionally introduced some interference or error. I plan to attempt this again with a clean breadboard later this week.

Video: Arduino Instrument (Work in progress)


At this point I moved onto the servo lab and ended up successfully including a servo as another responsive element in my light meter.

Video: Arduino light meter + Sound + Servo

Screen Shot 2015-09-29 at 7.54.05 PM

I’ve been having a good time building around this light meter. I realize it’s fairly basic but I find it helpful to work with something thats somewhat familiar and somewhat new at the same time.

Sound Project – Sleeplessness | Sound+Vid #2

This week I worked with Carrie to make a story through sound. We used the theme of insomnia and “things that keep you up at night” to tell a story about an individual experiencing sleeplessness due to thoughts and experiences from the past day, as well as environmental sounds like traffic. We recored most of the audio ourselves but we sampled some audio from one of Tom Igoe’s Pcomp tutorials as well as some yawns (owlstorm,reitanna), clock sounds (Muk1984), and helicopters (Mike Koenig). The project was assembled in Logic where we played around with volume, left + right balance, and some effects to make a sound montage that sounds both realistic and half dreamy. Enjoy.

Signage | Visual Language #2

This week we were asked to look more closely at signage around NYC in order to identify what makes a good sign vs. a bad sign. The first sign I wanted to share was this one that hangs in multiple places around the 3rd avenue & 60th street intersection (right in front of Dylan’s Candy Bar):



This is a fairly dangerous intersection because there is a lot of bus, truck, and pedestrian traffic moving around. The proximity to the Queensboro bridge, a handful of express bus stops and the Lexington ave – 59th street subway station produces overcrowding on all the transit infrastructure here which unfortunately  seems to make most people more aggressive in their movement. To make matters worse Dylan’s Candy Bar generally caters to busloads of kids at a time and has very little sidewalk space to support this. It makes sense then that the city or some organization put this Be Aware, Be Patient, Be Sober, Cherish Life sign around this intersection. However I think this sign does slightly worse than nothing to help the situation. First of all the most basic problem is that it is oriented towards a building rather than at any lane of car or pedestrian traffic. Cars can absolutely not see this sign but its height, size and language indicate that it was meant for drivers. Though even if it were oriented at the cars I doubt it would do much besides add a distraction from the intersection they should be focused on. The red (I’m colorblind) band around the sign with fully uppercase, diagonal lettering would both attract attention like a stop sign and then be totally illegible to a driver at any sort of speed. At the same time the entire center of the sign is more folk art than than information system. Overall I think this project should have been a mural or something other than a road sign.



I spotted this sign on 9th street and broadway near ITP. I don’t have quite as much to say about this one. What struck me here was that the west side highway is quite far away from this sign and to me this sign indicates proximity. I think the goal here is to move traffic over to the west side before it hits Houston or Canal street but this seems to risk getting people lost in the grid. I think the problem is that it suggests that this is the point of decision making for someone trying to get on the highway. Maybe I’d have a different perspective if I drove this route.





This sign is trying to convey a message that should easily be required reading for anyone within 100 miles of NYC: Let people off the train before attempting to enter. A simple concept, often flouted, leads to much acrimony. This sign is ok but I think it could be much better. The color, arrows and bold text make it clear that there is a call to action and hopefully “step aside” would make that clear. However the distance from the train confuses. This is especially true when the train is not in the station since the white arrows might actually encourage someone to stand in the worst place possible. I tried to replace or supplement this sign by adding some language to the subway doors themselves. subway_doors_stand_clearMy hope is that when someone first sees the step aside prompt it becomes overwhelmingly clear what they should do when the train finally arrives. In my mock up I wrote “stand clear” on the doors (in Helvetica) to emphasize that you shouldn’t stand in front of them, while echoing the vocabulary used in the subway announcements. I also downloaded some “sign people” from a free vector image site and placed a sign person split by the subway doors with opposing red arrows with the idea that it could convey a “people will be exiting” kind of message. Then I put a “waiting in line” type row of sign people on either side of the doors to demonstrate a good place to wait as others exit the train. I considered some more text and other symbols but in the end I thought a simpler message would be best, especially in the context of a train that is trying to arrive and depart swiftly.


Finally, I found a sign I liked.

IMG_1489I liked this series of signs because of the way they communicate distance. This is on the Grand Central platform of the 7 train, which is one of my favorite stops in NYC. The distant places are high up and somewhat father to either side. Although this may in some cases indicate greater importance I think here it effectively tells you that you need to go around these staircases to get the escalator, for instance. Meanwhile as you approach the staircase the smaller sign become the only one visible and clearly labels where the staircase goes without confusing it with the messaging on the larger higher level. I liked this approach because most people walking down this platform have plenty of time to decide where there going and with these signs the information becomes available as you need it. I have some issues with the exact words and uses for these sign points but overall I thought the system used here was cool.

Musical Circles | ICM #3

This week we were asked to start working with rule-based animation, motion, and interaction. I partnered with Aaron Montoya-Moraga and worked on a series of concentric musical circles based partially on the advanced rollover button example that was made available to us ( We began by basically replicating the advanced rollover buttons but altered the shapes and drew them using a for loop:

for (var k = 0; k < 5; k++) { fill(colors[k]); ellipse(width / 2, height / 2, diameters[k], diameters[k]); This gave us a greyscale and silent version of what our final project would look like.

Each circle is always fading to black, however when the mouse hovers over any individual circle it is changed to white allowing the circle to slowly fade black as the mouse is moved between other circles. 

Eventually we were able to add in fading colors using arrays. We haven’t covered arrays in class yet but with some trial and error we got the circles to change color and opacity based on mouse position using the same kind of looped fading mechanism. 

Lastly we included sound. Aaron and I struggled with this for a while but eventually Arron was able to get some help from ITP resident Jason Segal and now the sound can fade in and out along with the color changes. Some adjustments to the starting position and fade were made to accommodate the sound functions. 

The final results (link to project)