14 6 / 2010

ContextFree.js & Algorithm Ink: Making Art with Javascript

Aza Raskin, the head of UX at Mozilla, has released ContextFree.js and the corresponding site Algorithm Ink.  ContextFree.js is a port of Context Free Art by Chris Coyne, and uses the HTML5 Canvas element to render the incredibly simple Context Free grammar.  It makes rendering complex and beautiful art very simple.  For example, the following code:

Produces this image:

And the following code makes a dot that follows your mouse around the screen.

Obviously, this very small amount of code can produce some amazing results.  To showcase these, Aza has released Algorithm Ink which allows you to view the work of others and see their source code.

ContextFree.js is completely open source and is available on Google Code.  Check out Aza’s extensive post here, and see examples of what ContextFree.js can do on Algorithm Ink.

Amazing work!