Archive for the 'Play' Category

Ball Thing // ver C

Friday, May 9th, 2008

_20080509_ballThing_c
run the sketch—view the code

How do you use it?
Move the mouse around to position the crosshairs. Type “r” to toggle the radar. Click the mouse to position a set of lines.

Radar Scans

Thursday, May 8th, 2008

_20080508_radar_a
run the sketch—view the code

_20080508_radar_b
run the sketch—view the code

How do you use it?
Just watch. These are about the code.

What is it?
These were created as examples to be used in an upcoming workshop. They show two different way to achieve a similar fading effect. See the comments on the sketch pages and the code for more details…

Ball Thing // ver B

Wednesday, May 7th, 2008

_20080507_ballThing_b
run the sketch—view the code

More fun with the Video Library

Sunday, May 4th, 2008

cameraFun_b
watch the video—view the code

How do you use it?
Move in front of the camera. Anything that is cut off by the right edge of the camera frame will leave a trail.
What is it?
A stripped-down version of yesterday’s sketch. The mouse interactivity was just getting in the way. This is where all the fun happens.

Why is it cool?
It takes me back to the days (nights really) when I would pump all of my spare change into the copy machine to make abstract images by moving stuff around on the glass while it was scanning.

Fun with the Video Library

Saturday, May 3rd, 2008

_20080503_cameraFun_a
view the code

How do you use it?
Dance in front of your web cam and move the mouse around.

What is it?
Playing with the video capture library. You need a web cam to use this one. It also can’t be run in the browser. There is code built in to use the MovieMaker class too, but it is commented-out. To record a Quicktime movie you will need to uncomment the //mm.addFrame(); line.

Simple Spiral

Friday, April 25th, 2008

_20080425_spiral_a.png
run the sketch—view the code

_20080425_spiral_b.png
run the sketch—view the code

How do you use it?
Move the mouse up and down to change the tightness of the spiral. In version b, moving the mouse left and right also affects the spacing. Clicking the mouse rotates the whole thing in 3-D space.

What is it?
A quick way to render a spiral.

Why is it cool?
When I had the idea to code a spiral, I assumed it would take days and involve all sorts of calculus and stuff. It took 3 lines of code, a for() loop, and 10 minutes start to finish.

Computation in Design

Tuesday, April 22nd, 2008

_20080422_workshop_demo
run the sketch—view the code

How do you use it?
Move the mouse around to draw with the circles. A mouse click throws in a line and resets the color of the circle based on the y-coordinate of the click. TAB clears the screen. If you run it in Processing, the “s” key will save a .tif of the image.

What is it?
Tonight I lead a Processing workshop for design students. I provided them with some example sketches and encouraged them to modify the code to create their own drawing tool. Between answering questions I did the same thing. This is the result.