Processing.js Aftermath

It’s been fascinating to watch the outpouring of interest and creativity that’s surrounded the recent release of Processing.js.

First things first, the project has been moved over to Github. This will help with the collaboration/patching process going forward.

A number of patches have already been provided by active users and have been merged into the main code base (which can be found in the project history).

Some of the changes that were made:

  • Virtually all of the demos now work in Webkit (save for the text rendering ones) in addition to Firefox 3.
  • Chris Davenport provided support for QUADS, QUAD_STRIP, TRIANGLE_FAN, and TRIANGLE_STRIP implementations in beginShape/vertex. Also endShape(CLOSE) support was added.
  • Renato Formato provided a patch for handling curveVertex and curveTightness correctly.
  • A patch from Felipe Gomes includes the addition of the LEFT/CENTER/RIGHT and mouseButton globals. The contextmenu is now prevented, as well, from right clicks. Additionally, a new init.js file was created (which is more robust than what was initially provided).

I’ve pulled together a quick round-up of the different, interesting, posts, demos, and projects that I’ve found, relating to Processing.js.

Getting Started

Will Larson has written a series of articles that detail how to best get started playing with Processing.js:

Additionally, the basic demos have been broken down and included in an interactive wiki.


A number of new demos have been created, at this point. Here’s a couple that I thought were pretty interesting.


There’s been some significant effort towards creating an interactive development environment for Processing.js.

Press / Blogs

There was a bunch of feedback concerning the project release – overwhelmingly positive, as well. Some of my favorite responses thus far:

Wired: “We cover a lot of language and software developments here at Compiler, but this might be the most impressive thing we’ve ever seen.”

Chris Blizzard: “Easy to drop in graphical interactive elements into other sites with the same transparency and zero-barrier to learning we’ve seen from the rest of the web. Think about how fast that stuff might spread on the web, how we might end up with people sharing and learning together and how much better the experience on the web might be in the end. That iterative process is one that needs starting points and what John has done is give us a great starting point. ”

Andy Baio: “one of the most amazing hacks I’ve ever seen… could Processing.js be the beginning of the end for the closed-source culture of rich media tech?”

Also: Scott Hanselman, Kottke, Simon Willison, Peter Kirn, and Ajaxian.

It also made a bunch of social sites (with some interesting discussion taking place): Slashdot, Digg, Y Combinator News, (2), and Reddit.

Posted: May 14th, 2008

Subscribe for email updates

10 Comments (Show Comments)

Comments are closed.
Comments are automatically turned off two weeks after the original post. If you have a question concerning the content of this post, please feel free to contact me.

Secrets of the JavaScript Ninja

Secrets of the JS Ninja

Secret techniques of top JavaScript programmers. Published by Manning.

John Resig Twitter Updates

@jeresig / Mastodon

Infrequent, short, updates and links.