Processing JS

I've added a new external object called "processing" to Lily today to take advantage of John Resig's wonderful new library Processing.js. Processing.js is a Canvas based implementation of the processing language in Javascript. Unlike my own port of the processing API, John's library includes a parser for near total compatibility with the language. Awesome.

I haven't had much time to play with it yet (John only released it last night), but it's been interesting to compare it with my own SVG based implementation. SVG, being DOM-based, seems to have a ceiling for the number of objects that can be included in an animation- once that ceiling is exceeded performance begins to suffer noticeably. John's Canvas-based version seems to handle much more complex animations without pinning the meter. There are also a couple of features in John's library that take advantage of the new Canvas functionality in Firefox 3. I'm really looking forward to spending more time playing it. Great work John!

You can download the latest Lily beta here - it includes the "processing" external.


Comments (4)

Haha... and I was about to ask you if you've seen it...

Holy hell, that was fast! Nicely done!

nickb:

quite impressive.
question - should this run resig's demos ok using processing extern?

@nickb - there's still a few bugs, notably anything image-related. I'm hoping to get those cleared up this week.

About

This page contains a single entry from the blog posted on May 9, 2008 11:40 AM.

The previous post in this blog was Lily + Shiftspace = $.

The next post in this blog is Lily Update for RC 1.

Many more can be found on the main index page or by looking through the archives.

Powered by
Movable Type 3.34