// require() some stuff from npm (like you were using browserify)
// and then hit Run Code to run it on the right
var e2d = require('e2d');

var r = e2d.Renderer.create(400, 400);

var rect = e2d.fillRect(-100,-100,200,200);
var redRect = e2d.fillStyle('red', rect);
var blueRect = e2d.fillStyle('blue', rect);
var greenRect = e2d.fillStyle('green', rect);
var purpleRect = e2d.fillStyle('purple', rect);
var i = 0;
var di = Math.PI * 2 / 360;

r.ready();
r.on('frame',function(){
 i += di;
  if (i > Math.PI * 2) {
  	i -= Math.PI * 2;
  }
  return r.render(
    e2d.clearRect(400, 400),
  	e2d.translate(200, 200,
      e2d.rotate(i, redRect),
      e2d.rotate(-i, blueRect),
      e2d.rotate(i + Math.PI / 4, greenRect),
      e2d.rotate(-i - Math.PI / 4, purpleRect)
    )
  );
});