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.
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.
Demos
A number of new demos have been created, at this point. Here’s a couple that I thought were pretty interesting.
- Felipe Gomes created 4 demos (2 games, 1 of which is done using the JavaScript API) by .
- Modified Pointilism
- Responsive Pixels (Water Flow)
- Spiral Drawing
IDEs
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?”
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, Del.icio.us (2), and Reddit.
Oliver (May 14, 2008 at 7:27 am)
Excellent! We all win when people realise they don’t need to use proprietary software any more :D
Jim Priest (May 15, 2008 at 7:10 am)
Wow – it’s amazing this has only been in the wild a short time and has so much activity cropping up. That is so cool!
timothy (May 15, 2008 at 8:52 am)
Will Microsoft now to implement canvas natively.
Unless Microsoft still WANTS to be the slowest browser in the world.
Paul Downey (May 15, 2008 at 1:13 pm)
Hey John! Wondered if you’d see TiddlyProcessing, using TiddlyWiki as a Processing.js IDE.
banksean (May 16, 2008 at 12:25 am)
@Oliver: what’s proprietary about the original implementation of Processing? It’s released under the GPL.
Oliver (May 18, 2008 at 12:22 am)
@banksean: i was referring to the alternatives of flash, silverlight, etc
Fergus Ray Murray (May 21, 2008 at 11:35 am)
I’m loving this. What’s the best place to ask for help with Processing.js issues, I’m wondering? Should I just use the ‘Integration’ section of the Processing BB?
Cheers!
nick/oxford (May 26, 2008 at 8:32 am)
great stuff this – thanks – I am looking forward to your next birthday
;-)
but where can I ask/comment about problems?
ellipse is not working if it is a real ellipse, not a circle.
width!=height.
so is there a place to report?
Wade Harrell (June 4, 2008 at 11:56 am)
when will the fox be doing this? http://weblogs.mozillazine.org/roc/archives/2008/06/applying_svg_ef.html
Dethe Elza (June 18, 2008 at 12:14 am)
I haven’t created a full-fledged IDE like Obsessing, but I did create an in-browser playground for experimenting, with easy loading of the examples to start from.
Processing Playground
I put it up for my kids to play with, but perhaps others will find it useful.