Archive for the 'Examples' Category

Workshop Demo // PDF export

Wednesday, May 14th, 2008

_20080513_WorkShopDEMO_pdf
run the sketch—view the code (w/PDF export, w/o PDF export)
How do you use it?
Move the mouse around to draw. Click-and-drag to draw to a PDF file.

What is it?
I put this together for a workshop I taught last night. Primarily this is an example of some code to for beginners. If that’s you, use the vesion without the PDF export. It is also a demo of one way to use the PDF Export library so you can edit your drawing in Adobe Illustrator or another vector drawing program. When you click-and-drag to draw, a PDF will be saved in the sketch folder when you release the mouse button.

Why is it cool?
This stuff isn’t just for the screen, it can be used in print! Being able to use the results of your Processing sketch in Illustrator makes simple computer programming appealing to graphic designers.

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

Ball Thing // ver A

Tuesday, May 6th, 2008

_20080506_ballThing_a
run the sketch—view the code

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.