Posted on March 23, 2012 by Adam Amaral

I’m definitely still a beginner when it comes to JavaScript, but I’ve been messing around with processing.js. Processing.js is the sister project of the popular Processing visual programming language, designed for the web.  In essence it allows you to create virtually anything you can make in Processing and then display it in a HTML5 canvas element.  For my first “dabble” into processing.js I made a generative “shape trail” that follows your mouse.  Nothing too crazy but it makes for some unique results, especially when combined with some custom buttons to trigger random effects in the sketch.  I was able to get it full screen with the help of Anthony Mattox‘s info on full browser processing.js sketches. As well as some great tutorial help from the guys over at http://www.creativecoding.org If you make some cool stuff out if it, be sure to share some screen grabs, I’d love to see them. Above are a few screenshots, and here is a link to the DEMO