HTML5 Canvas & Processing JS

  • I'm a huge fan of processing and processing.js . I come from a design background without any formal training in software development. Processing has been a really easy way for me to get visual results quickly without a degree in software engineering. I've tried to start using it on my blog as a way to quickly visualize ideas about more abstract topics [1]. I'm hoping to do a lot more experimenting with it in the near future.

    [1] http://www.emergentforms.com/blog/2012/01/23/growth-vs-robus...

  • Can someone elaborate as to what purpose strike-throughs serve on this article? Am I right to assume they are a mistake?

  • For those who don't quite fully grasp what HTML5 Canvas check out the W3Schools entry for the element before reading any further, but it's basically an element that defines graphics.

    RED flag - w3schools. Please check http://w3fools.com

  • This looks very interesting. I've always been disappointed that Canvas totally eclipsed SVG in browsers- SVG elements are in the DOM, so it makes things like click actions a lot easier. It looks like processing.js goes some way to help with the pain of using Canvas.

  • Alot of graphing/plot libraries use the new canvas element, I think even jqplot does it that way these days.

    WIth Canvas and WebGL I wonder why we dont see more coolness.

  • node-canvas [0], node.js, and processing.js are a very powerful combination for allowing designers to implement server-side image filters.

    [0]: https://github.com/LearnBoost/node-canvas

  • Site is unreadable on the iPhone.

  • Sorry man, but I can't read your site on the iPhone. You've got zooming disabled and the text overlaps the screen. Also the left and top floating bits keep moving around. Stay away from the javascript and just use some static CSS.