Right shoulder-cam at two skateparks

Ever wonder what my shoulder looks like when I skateboard?  Today is your lucky day.  I took my ReplayXD to the skateparks this weekend and came home with some great shoulder footage.  I’m trying to find a good downward angle to capture my feet and board.

Here is my shoulder at Discovery Park in Wheat Ridge.

Here is my shoulder at the new Northglenn Skatepark


Fickes Mouse Draw – processing drawing tool less than 5k

I wrote a simple 4k drawing tool in Processing tonight.  It’s called Fickes Mouse Draw, and it’s a fun example of using the built in events mousePressed() and keyPressed().

Freehand drawing tool written in Processing


Text to speech PROCESSING example for OSX

If you’re on OSX, you have access to a text to speech command named say.  This command typically lives at /usr/bin/say and it lets you read text using a robot voice.  If you’re unfamiliar with say, open up Terminal and type the following:
“say you are the master”
Assuming your speakers aren’t muted, you should here a robot voice say “you are my master”.  The OSX say command has many voices built in which you can see by running this command:
“say -v ?”
And now for the magic.  Say you want your Processing sketch to speak.  No problem, here’s the source code to a simple sample of how to do this.
// Begin Processing Sketch
void setup() {
  size(200, 200);
  text(“Turn up your sound”, 5, 100);
  text(“and then click me”, 5, 120);
void draw() {
  // draw() must be present for mousePressed() to work
void mousePressed() {
String[] cmd = { “/usr/bin/say”, “What’s shaking bacon?” };
println(“mousePressed “);

// end sketch

Make a desktop application using Processing

Ever wanted to turn your Processing sketch into a desktop application?  No sweat, after you write your sketch it’s a simple three step process.

  1. From the menu bar, click File then Export Application Image
  2. Next you pick your export options from the dialog box that pops up Image
  3. After clicking export you have your desktop applicationImage

At this point you should have a desktop application for each platform you selected in step 2, all organized into platform specific folders.  I’ve been spending so much time exporting applets for my OpenProcessing profile, I totally overlooked this handy feature.

So sweet.

Now I have to figure out how to write smartphone applications using Processing.  Got any advice, leave it in the comments.

Drop it like its hot

I’m building a new image tool using Processing that extracts colors and various information from an image.  It’s dead simple now but I’m getting excited here ( buh bye AIR ).

1. Drop image onto sketch ( only tested gif, jpg, and png so far )



2. Drop It tool extracts the #HEX value of all unique colors and writes a Processing color array to an external text file.



I’ll release the code for this tool after I get a few more features added.


My first animated gif made with Processing

Ah yeah, I made my first animated gif with Processing today.  Here’s my gif

this gif made with PROCESSING and gifAnimation lib

this gif made with PROCESSING and gifAnimation lib

I made this with Processing and the gifAnimation library in about 10 minutes.  Here is how.

  1. Download and install Processing from processing.org
  2. Fire up Processing and create a quick sketch ( this step forces you to setup your sketchbook folder )
  3. Download the gifAnimation library for processing and unzip to a temp folder
  4. Inside your sketchbook folder ( from step 2 ), create a new folder named libraries
  5. Copy the folder named gifAnimation from the temp folder in step #3 into your  libraries folder inside your main sketchbook folder
  6. Start a new sketch and import gifAnimation.*;
  7. Then get coding

( or just download the full PROCESSING sample of using gifAnimation library   )

You will find full processing samples in the gifAnimation zip file you downloaded in step #3.  Also, this page has a great example under the section title EXPORTING A GIF ANIMATION.

I haven’t dug any deeper into the gifAnimation library because it just worked.  I hope creating animated gifs from Processing will be as smooth for you as it was for me.  If not, please let me know in the comments section.  If you have any tips or tricks with the gifAnimation lib or animating gifs via Processing, I’d like to hear those as well.

Now to make animated fire.