Archive for the '3-D' Category

pictureTube trials

Friday, March 14th, 2008

pictureTube_0 _pictureTube_a _pictureTube_b _pictureTube_c
_pictureTube_d1 pictureTube_d2 pictureTube_d3 pictureTube_d4
(click each image to run the sketch that generated it)
How do you use them?
Move the mouse around to change the orientation of the structures.

What are they?
Attempts at constructing a cylinder out of a JPG. They are presented chronologically, left to right, top to bottom.

Why are they cool?
I don’t remember where the idea came from, but I thought it would be pretty quick and easy to turn an image into a cylinder. Just grab a pixel’s color from the image array, translate out, draw a square, translate back in, rotate and repeat. Well… it took a few more attempts than I expected. But along the way—as frustrating as it was—the program generated some pretty interesting results. I decided to save the “failures” because they A) look pretty cool, and B) reveal a lot about the program’s flow through loops and moving about in 3D space.

This is the source image:
pictureTube image

digiLog Clock // ver B

Wednesday, March 12th, 2008

_20080312_digiLog_clock_b3
run the sketch—view the code—watch the video

How do you use it?
Move the mouse left and right to switch between digital and analog.
The “d” toggles a superimposed digital time display. (I built this in for debugging but decided to leave it.)

What is it?
It’s a whole new way to see time. There are advantages and disadvantages to both analog and digital timepieces. Here you have them both at your fingertips.

Why is it cool?
I’ll admit my bias. I think there are only disadvantages to clocks with digital time displays. They stress the moment rather than the continuum of time. If it’s 8:45 and I need to be somewhere at 9:00, looking at the numbers in this hh:mm format doesn’t really say anything to me. Digits may be useful inline with text—like this sentence—but on a clock they’re just numbers. On a digital clock, fifteen minutes is an abstract concept that has little impact on my actions. However, analog clocks allow you to visually quantify time. As the hands sweep around the face of the clock, they define physical areas. This turns time into something visible; something my senses can directly and immediately perceive without doing any math or other cognitive interpretation (read “distraction”). On an analog clock face, you can see that fifteen minutes is one-quarter of the circle. And as the minute hand progresses around the circle, you can watch this slice of the pie becoming physically smaller. I find this to be a much more useful way of representing time.

Imagine that the three-dimensional space of the room you are sitting in represents two hours of time. In a digital clock world, sixty minutes from now your room will instantly be reduced to half of its current volume. The ceiling and walls will suddenly rush in on you, shoving everything together. You’ll watch your new laptop get smashed against the wall, your framed Ride the Lightning LP autographed by Cliff Burton will crash to the floor, and you’ll spill coffee all over the thumbnails you’ve been drawing for the past two days.

Now consider an analog clock world where the room gradually becomes smaller. As those same sixty minutes pass, the walls slowly and continually move in around you. You will notice the objects in the room being pushed together and you will have a chance to adapt to these changes as they happen. You will be able to move the bookshelf closer to the desk, you will have a chance to take that framed LP off the wall, and when you notice that extra chair start pressing against your arm, you will get to set your coffee down and move the chair out of the room. In this analog clock world you have the opportunity to work with the passage time instead of being suddenly informed that it is already gone.

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 D

Sunday, March 9th, 2008

_20080309_typeWheel_D
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. The “x” key toggles display of the axes.
What is it?
A polished-up version of yesterday’s sketch.

typeWheel // ver C

Saturday, March 8th, 2008

_20080308_typeWheel_C
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

_20080307_typeWheel_A
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.

Corkscrew 2

Wednesday, March 5th, 2008

_20080305_springX
run the sketch—view the code

How do you use it?
Move the mouse around. Click to reposition.
“s” toggles scatter.
“a” and “d” spin it about the Y-axis.
“w” and “x” spin it about the X-axis.

What is it?
Riffing off of yesterday’s sketch.