khanacademy

This new series of behind-the-scenes introductory videos and online exercises introduces computer science fundamentals by taking a closer look at the tools Pixar engineers and artists use to craft some of your favorite animated movies. There are two series with a couple dozen videos each which give the animation nerds in your life, young and old, a chance to get a sense of what it’s like to work at Pixar.

This new series of behind-the-scenes introductory videos and online exercises introduces computer science fundamentals by taking a closer look at the tools Pixar engineers and artists use to craft some of your favorite animated movies. There are two series with of a couple dozen videos each in all also gives the animation nerds in your life, young and old, a chance to get a sense of what it’s like to work at Pixar.

The environment is built around a two-panel view: The left being an Ace editor and the right being a canvas.

All of the user’s code is written using JavaScript and uses Processing.js to generate all the graphics.

All code is executed in real-time. Not only is the code re-run but the code that you change is live dynamically injected into the runtime — this gives you the ability to change variables, colors, or even functions on the fly without the program ever restarting.