Arduino Tutorials

Hello everyone,

I was running through some tutorials on youtube and I came across this series of tutorials for the Arduino, so I figured I’d share them in case anyone was interested. The link the the first tutorial of many is .

He starts with a very basic introduction and builds into more advanced work. It may or may not help you to look at these for the final project, but maybe they can become useful for future projects. I have been amazed at the amount you can do with such a simple device, and it is something I want to play around with in the future as a hobby. For anyone in the same boat, these are some easy tutorials.



Kanye Game

I ran across this from reddit lol. Figured I’d share it. It seems to be written in javascript, but javascript is very similar to processing. It just reminded me of some of the lessons we have learned in the recent classes. Its pretty funny too, and actually kind of challenging and fun to play. This is definitely something that we can make in processing. Anyways, here’s the link. Enjoy :

There;s already people who figured out how to cheat the system, but its still fun. It seems to have become a web hit lol. So who’s to say one of our projects can’t be a web hit?


Assignment 4

For assignment 4, using parsed data from an xml, we could draw the traingles. I defined in a custom class the random sizes as well as a range of colors at which the stroke and fill of the triangles could be. I made a new XML file with extra data sets and called for it in the code. It creates a rather cool visual, similar to something you might see in a computer generated desktop background. I want to work on making these triangles rotate and float away upon clicking, but have had some issues trying to figure out how to do that. I will have to mess around with it some more.
The pictures below are what I have so far:


Final Project Proposals

Hey guys,

So for the final project I have about 3 ideas that I’d like to pursue. I don’t know which one to pursue yet but I will play with each until I am comfortable I can achieve one.

Project #1
Music Visualization + Processing

This idea involves using processing and the addon Minim to create a music visualizer similar to the one seen below and for the final installation bringing in some music device, perhaps turntables to allow users to interact via scratching records etc, and watching the visualization react.

I love music, and my hobby before college was DJ’ing. Some of my friends still dj, and they have gotten into video dj’ing, which involves not only mixing together songs, but blending music videos to go along with them. Unfortunately, not every song has a music video, and I figured this might be a nice application which can develop a visualization on screen for those songs.

Project #2:
Beer Pong+Processing:

This idea would involve some more hands on interaction. It would work nicely in the crown hall game proposed by Tim Lee. the intention would be to use buckets and a ball with sensors in each bucket that could track movement. Once a sensor goes off, it tells processing to take action, by either putting a puzzle piece into place, or filling the screen with what would represent beer. It is a game that would involve some skill, and could possibly involve players in both virtual and physical environments. Here is a sketch:

Project #3:
This is a muse interaction, which takes 2D particles, and using light produced via processing makes them seem 3D. They follow your mouse and react to clicks. There are many examples on openprocessing and I found myself messing around with them for no reason. Although there is no end result in the current productions, I’d like to use this idea as a drawing tool. It would track mouse movements and the particles would stay by not refreshing the background. Giving a cool visual result. Here is sort of what I’m talking about:
Press P in this example:
The visuals and mouse interaction would be similar to :

So, Basically combine the two and the end result would be a pretty cool drawing tool, which may create some interesting digital art.

I am willing to talk to people with similar ideas, to come to a consensus on which project would be best suited for this class and for a group idea.


Assignment 3

Hey guys, this is my assignment 3 attempt. I was rather unsuccessful in achieving anything interesting or even too much different from the in class example. I need to re-visit this and figure out why the drawing is so blah. Anyway, I did change the class into a quadrilateral so it required me to point out extra points as well as rename classes etc. I also tried to make it interactive by using mouseX and mouseY as the coordinates, but for some reason I couldn’t get it to react to the mouse. All in all, it was a decent exercise in how to construct classes and use them within a script.

Here is a screenshot.

Its very similar to in class example and did not really do what I wanted. But that is probably because I wrote the XML wrong. Either way, this is what I got so far.


Cool Visualization

Hey guys,

I ran across this project and really like its functionality. I’m trying to mess with the source code to develop something similar myself but maybe with different shapes and reactions. We will see how it goes. Anyway its a really cool simple idea that I could see growing and developing into something interesting. As it stands now it functions very well and is fun to play with. I keep wanting to combine applets like this with music to create a music visualization that is possible interactive in some way. I will try to embed this applet, hope it works, so you guys can see it. Otherwise just copy the source code into processing and it will run. All credits to the author of the code, Daniel Winkler.

If this embed doesn’t work, just see this link here

Source Code:

// 2009 Daniel Winkler

Particle[] parts = new Particle[300];
PVector O = new PVector();

void setup()
size( 800, 600, P3D );
frameRate( 30 );
for( int i = 0; i < parts.length; i++ )
parts[i] = new Particle();
fill( 30, 200, 255 );

void draw()
O.set( mouseX, mouseY, -500 );
background( 0 );
for( int i = 0; i < parts.length; i++ )

int size = 7;

public class Particle
PVector loc = new PVector( random( 0, width ), random( 0, height ), random( -300, -700 ) );
PVector speed = new PVector();

public Particle()


public void update()
if( mousePressed )
PVector dir = new PVector( mouseX, mouseY, -500 );
dir.sub( loc );
speed.add( dir );
speed.mult( .9 );
loc.add( speed );
translate( loc.x, loc.y, loc.z );
rotateToFace( loc );

beginShape( QUADS );
vertex( -size, -size, 0 );
vertex( size, -size, 0 );
vertex( size, size, 0 );
vertex( -size, size, 0 );

// O is your object's position
// P is the position of the object to face
// U is the nominal "up" vector (typically Vector3.Y)
// Note: this does not work when O is straight below or straight above P
PVector U = new PVector( 0, 1, 0 );
void rotateToFace( PVector P )
PVector D = new PVector( );
D.set( O );
D.sub( P );
PVector Right = U.cross( D );
PVector Backwards = Right.cross( U );
PVector Up = Backwards.cross( Right );
applyMatrix(Right.x, Right.y, Right.z, 0, Up.x, Up.y, Up.z, 0, Backwards.x, Backwards.y, Backwards.z, 0, 0, 0, 0, 1);

Processing, Java, and Sound. Experimental Song Maker

I found this to be pretty interesting.

The guy seems to have used processing and java to create visuals which are interactive and can be created in different ways and sizes. Based on the interactive forms, there is a sound that loops. It seems the bigger he makes the circles, the longer it takes for the sound to loop. It allows you to make electronic music (experimental) using a simple function. This is pretty cool. I’d even consider doing something like this for finals. Not sure If I can achieve it with what little scripting I know, but it would be cool to try. The visuals themselves are just cool. Check out the video, and pictures. He also has a website

Overbug_Live_at_Argentina from dominofactory on Vimeo.