Archive for the 'Workshops' Category

Flashbelt Processing Demos

Monday, June 9th, 2008

Files for Session 1

Files for Session 2

7 Days ’till Flashbelt in Minneapolis

Tuesday, June 3rd, 2008

Flashbelt '08

By the way… Flashbelt is next week!

I can’t tell you how excited I am about this conference. It is a consistently great event. This will be the third year I’ve attended and each time it has left my head spinning (in a good way). It’s inspiring, it’s educational, it’s a party, you can’t go wrong.

I will also be presenting again this year. I’m honored to be part of such a great lineup. I will be giving a two-hour session on Processing. The first hour will focus on getting started with Processing. The second hour (after lunch) will introduce options for integrating Processing with more traditional applications via raster, vector, text, Quicktime and 3-D file output. I will be posting some of the examples used in my session in the Workshops category. So check back each day this week if you want to get a preview of what will be going on.

I hear there are still a few tickets left, so if you are at all curious, register now. You won’t regret it. There is also a student rate that is a great deal.

mondayBanner // 19 May 2008

Monday, May 19th, 2008

mondayBanner_20080519
run the sketch—view the code

How do you use it?
Move the mouse around. As it is currently set up, (if you are running it in Processing not a browser) a left-click will save the drawing window as a TIF. It also contains commented-out code for exporting a PDF for access to the drawing as vector objects.

What is it?
It’s actually based on the workshop demo sketch from last week.

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.

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…

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.

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.