Archive for the 'Inspiration' Category

Slit-scan photos

Monday, October 6th, 2008

run the sketch—view the code

How do you use it?
space bar = start a new scan
x = toggle between color or black-and-white
s = save a .tif (doesn’t work in web browser)

What is it?
I found these thoughtful and elegant photos by Ansen Seale on Spraygraphic so I thought I’d try my hand at it. Obviously I’m not a practiced photographer like Ansen.

It is basically the Slitscan example sketch by Golan Levine and Fry that comes with Processing. I just added mousePressed() events to start a new scan, convert it to black-and-white, and to save the image.

Why is it cool?
You decide.

Mars Altimetery Graph // ver B // Monday Banner

Monday, June 2nd, 2008

Mars Altimetery Graph ver B
run the sketch—view the code—download

How do you use it?
Primarily just watch and enjoy. A mouse click toggles the drawing of the green lines. (This looks best if you let it run for a while so I recommend downloading and running it in Processing locally.)

What is it?
This is a functioning version of Friday’s post. I thought it might help me figure out the MEGDR Viewer if I looked at the same data in a different way, so I enlisted the techniques from the Line Graph sketch. It now creates an overlapping area graph of Mars altimetry data*. I switched to continuous mode (i.e. using setup() and draw()), and had to load the data into a string instead of a byte array. I could only get the byte array to work if it was instantiated inside of draw(). Loading a 2MB file in each cycle of the draw loop made it unbearably slow.

Smith, D., G. Neumann, R. E. Arvidson, E. A. Guinness,
and S. Slavney, “Mars Global Surveyor Laser Altimeter Mission
Experiment Gridded Data Record”, NASA Planetary Data System,
MGS-M-MOLA-5-MEGDR-L3-V1.0, 2003.


Tuesday, May 20th, 2008

run the sketch(P3D) (OpenGL)—view the code (OpenGL)—download (OpenGL)

How do you use it?
Follow the on-screen instructions.

What is it?
This is based on the Rudolph helix series from Nov 2007. I’ve been tinkering with it off-and-on for a while so I decided it was time to show off the latest version. This one has an optional GUI layer built into it. This time I’m using the OpenGL renderer instead of P3D (both are posted for comparison). The weird thing is, with OpenGL the transparent pixels in the image are only transparent in one direction. With P3D, the transparency works both ways, but it doesn’t handle z-translations entirely right…

In the P3D version you’ll notice the small “farther away in space” images remain at a reduced size even when they are rotated to the front. I understand why this happens* but I’m not sure how to correct for it. Perhaps I should rotate the camera instead of rotating the coordinate space. Any thoughts?

*P3D is reducing the size of the images that are positioned on the negative z-axis. Similarly, an image with a positive z-coordinate is made bigger. This is done absolutely, without regard for the POV of the viewer; negative z = smaller, positive z = bigger. When you move the mouse left or right, you are spinning the entire coordinate matrix about the y-axis, This eventually brings the negative z-axis to the front and with it come the scaled-down images.

digiLog Clock // ver A

Monday, March 10th, 2008

_20080310_digiLog_clock_a <-- _20080308_typeWheel_C
run the sketch—view the code

How do you use it?
Move your mouse left and right to spin the clock.
(I know it’s not quite working correctly, but the concept is here.)

What is it?
As I was working on the typeWheel with the axes turned on, it struck me that they looked a bit like the hands of a clock. I suddenly flashed-back to the Processing workshop I took at MCAD (with Ben Fry and Casey Reas themselves!) where we were given the assignment to create a sketch that visually represented the passage of time. Only one person in the class was smart(ass) enough to create an actual clock. For most of my art career I have been obsessed with visualizing—or in other ways making palpable—that invisible 4th dimension.

Why is it cool?
I can’t put it into words yet…

typeWheel // ver C

Saturday, March 8th, 2008

run the sketch—view the code

How do you use it?
Move your mouse around to spin the lower case letters. Type any letter to bring its upper case form front and center.

What is it?
An evolution of yesterday’s sketch.

Type Wheel // ver A

Friday, March 7th, 2008

run the sketch—view the code

How do you use it?
Move your mouse around.

What is it?
This was written on a day that I substitute taught a typography class.

Why is it cool?
It makes me all nostalgic for typewriters.

After Rodchenko // ver2

Wednesday, January 16th, 2008

After Rodchenko // ver 2
run the sketch—view the code

How do you use it?
Click and drag. Hit any key to clear the screen.

What is it?
A slightly more interesting version of yesterday’s sketch.