Archive for April, 2008

URL Woes

Tuesday, April 29th, 2008

Sorry for being behind. Technical difficulties with the ol’ ISP. I’ll update you soon.

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.

Pong Mobile!!!

Monday, April 21st, 2008

Kinda Pong
run the sketch—view the code

How do you use it?
The LEFT and RIGHT direction keys move the paddle. 1, 2 and 3 on the keypad adjust the speed, and the “Sound” soft key toggles the sound and vibration feedback.

You can play with it in the emulator, download the .jar file and bluetooth it to your phone, or visit http://p365.armatodesign.com/mobile/ with your phone’s browser and download it directly to your phone.

What is it?
Just a little game for your phone. It’s a little buggy, but it works. And, it runs on my phone! If you turn on the sound it uses Mobile Processing’s Sound and Phone libraries to generate tones and activate the phone’s vibrate motor. (I’ve noticed on my phone that it will crash if I turn on the sound when the phone is set to a mode that has application sounds and/or vibration turned off.)

Why is it cool?
I tried to program something like this in Basic on an Apple ][ in 8th grade. I couldn’t get it to work back then. Now I not only have it working, but it runs on my phone!

Banner Ad

Friday, April 18th, 2008

_20080417_bannerType.png
run the sketch—view the code

How do you use it?
Move the mouse left and right to spin the informational text.

What is it?
This is an interactive banner ad I created to promote a Processing workshop I am teaching for graphic design students. It uses nested for loops to make the grid and the random() function to keep the colors changing. Actually, I created a grid() function that takes values for X-position and width, so the two chunks of grid seen here are the result of two different calls to grid(). The what, where, and when info spins around in P3D space.

Why is it cool?
The aforementioned grid() is a good example of user-defined functions. Also, I just love playing with type in 3-D space.

Countdown Clock // ver DUH!

Monday, April 14th, 2008

_20080414_desktopClock_e
run the sketch—view the code

Download app: OSX, Windows

How do you use it?
The UP and DOWN arrows increase and decrease the countdown time in 5-minute increments. The TAB key restarts the countdown at the current time setting.

What is it?
A visual countdown timer. Time = area. You choose how much time you want to allot for completing a certain task and then leave this baby running in the corner of your screen. The red wedges show you the passing of each second and the number tells you how many minutes are left. The yellow circle gives a visual representation of the quantity of time remaining. No matter how many minutes you start with, the yellow circle an the red circle start out the same size. This provides a point of comparison as the yellow circle shrinks.
(see the digiLog Clock post for more of my musings on the subject of time)
Why is it cool?
On the last version I was changing the diameter of the yellow circle every second. My intention was for area to be equivalent to time. It occurred to me (while I was waiting in a doctor’s office, staring at a clock) that calculating the diameter resulted in a non-linear relationship between the passing of each second and the area of the circle—time and area were not equivalent. So I changed the math and now the area of the yellow circle shrinks in direct proportion to the time (the diameter is now the non-linear one).

kindaPong // 4 mobile

Sunday, April 13th, 2008

_20080412_kindaPong_4mobile
run the sketch—view the code

How do you use it?
Move the mouse left and right to catch  the ball. Press “a” to accelerate the ball, press “d” to decelerate the ball.

What is it?
A revision of the sketch from March 24th. I am developing this as a mobile app, so there were a few revisions I had to make to prepare the code. For example, using integer math instead of floats. And I worked out a couple of bugs. See the documentation in the code for full details.