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.
- Source Control: http://github.com/jeresig/processing-js/tree/master
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.
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.
- Modified Pointilism
- Responsive Pixels (Water Flow)
- Spiral Drawing
There’s been some significant effort towards creating an interactive development environment for Processing.js.
- Processing.js Desktop App – Write and generate Processing.js applications in this wonderful XUL application, developed by the always-excellent _why (can also be run in-browser, in Firefox).
- Obsessing – In-browser IDE with syntax-highlighting (Still buggy yet, but good progress is being made.)
- Lily App – Generate Processing visualizations from a visual language.
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?”