Processing.js
Not 1 but 146 demos today. John Resig, JavaScript guru and founder of the awesome jQuery library has ported the Processing visualization language to JavaScript, using the canvas element. With help from Casey Reas and Ben Fry they have created a lot of different demos using the library.
Processing.js
If you wish to only use the Processing API (not the language) you can interact with it like so:
var p = Processing(CanvasElement);
p.size(100, 100);
p.background(0);
p.fill(255);
p.ellipse(50, 50, 50, 50);
To use the full power of the language, you would pass in your Processing code as the second argument.
Processing(CanvasElement, "size(100, 100); background(0);" +
"fill(255); ellipse(50, 50, 50, 50);");
As for demos of the tool, there are 91 basic demos; 51 larger, topical, demos and 4 custom “in the wild” demos.
Comments
Jason Boyd
Just to note, several demos work just fine in Firefox 3.6 running on WinXP. The ball dropping demo works well, for instance.
Posted on April 30, 2010
AcidCow
Exhibition worked just fine in Chrome (am running version 6.0.472.55)
…couple of the demos didn’t though.
Posted on October 8, 2010
kredyt bank opinie
I run my own blogand I came here by mistake. I read your entries and I found that they’re super! I want to use them on my blog. I want do that without your permission, so say yes. I’m greeting warmly.
Posted on June 23, 2011
greiffenegg
All your demos (randomly selected) do work in IE 9. Great framework!
Posted on July 23, 2011
Related demos