Lessons from Visual Programming with JavaScript
The release of the Processing.js library has taken the JavaScript world by storm—offering users an intuitive way of creating complex, interactive, pieces of visualization with JavaScript. The library was made possible by a fantastic new piece of web development technology snuck in under the radar and works in all modern browsers: the HTML 5 Canvas element.
In this talk we’ll take a complete exploration of the library, starting with the low-level Canvas element, working through the API and language parsing, and examine how to create impressive works using Canvas and Processing language—all using pure JavaScript.
This talk will explore the following concepts:
Canvas
How it works
Principles
Advanced Canvas
Processing
The language
Comparison with Canvas
Examples
Processing.js
Language translation
Regular expressions
Processing to Canvas mapping
Examples
comments
I'm constantly dealing with graphics on the web, and it's awesome to have such a powerful library available to us. Pretty demos, too!
Incredible demos and liked the level of detail on coding samples. Could have used a sample of how to get this working with IE, I've tried and am having difficulty with excanvas. I figured it would be easy after the broad statement "It works in all major browser!" Seems that people don't consider IE a major browser, at least not for the purpose of these discussions.
John's session was great. It encouraged me to take a deeper look at canvas.
Nice software, but it felt like a series of demos without enough cohesive narrative thread.
Processing is interesting, but again...this HTML 5 canvas tag will not take off until IE implements it. Even if Google has a api wrapper. Good work creating a processing.js