var demoFiles = {
"sinebobs.js" : function() {var n = 70;

return {
  init : function() {
    resetTime();
  },
  render : function() {
    decay(0.3);
    var sx = .4, sy = .4, t = time * 1.5;
    for (var i=0;i<n;i++) {
      var f = i/n;
      drawImage("bob.png",
        cos(t*1.5+f*6) * sx - .05 + 0.5,  
        sin(t*1.5+f*4) * sy - .05 + 0.5,
        0.1 * f, 0.1 * f
      )
    }

    if (time > 2)
      rotozoom(sin((time-2)*.05) * pi2, min(1.3, 1 + (time-2)*0.1));

    commit();
  }
};}
, "fft2.js" : function() {
var n = 32;
var mode = 0;
var avgLevels = [];
for (var i=0;i<n;i++)
  avgLevels[i] = 0;

var maxLevels = [];
for (var i=0;i<n;i++)
  maxLevels[i] = {h:0,t:0};

return {
  render : function() {
    decay(0.2);

      var levels = [];
      for (var i=0;i<n;i++)
        levels[i] = 0;
      for (var i=0;i<128;i++)
        levels[(i/128*n)>>0] += soundData.eqDataL[i];
      for (var i=0;i<n;i++)
        avgLevels[i] = avgLevels[i]*0.5 + levels[i]*0.5;

      var n1 = 1 / n, n2 = 1 / (n * 2);
      for (var i=0;i<n;i++) {
	var level = 0;
        if (avgLevels[i] > 0)
        	level = ((levels[i] - avgLevels[i]) + (levels[i] / avgLevels[i]) + (levels[i] * 0.4)) * 1.3; 
        var h = pow(max(0,level),0.85)*0.15;
        h = ((h / n2) >> 0) * n2;
        var x = 1/(n-1)*i;
        for (var j=h;j>0;j-=n2)
          drawRect(x, 1-h + j, n1, n2, "green");

        if (h > maxLevels[i].h)
          maxLevels[i] = {h:h, t:time};
      }
      for (var i=0;i<n;i++) {
        var h = maxLevels[i].h;
        drawRect(1/(n-1)*i, 1-h, 1/n, 1/n * 0.5, "rgb(255,32,32)");
        if (time - maxLevels[i].t > 1)
          maxLevels[i].h = 0;
      }

    commit();
  }
};}
, "mousetext.js" : function() {var text = "This text follows your mouse";

var mp = [];
var chars;

return {
  init : function() {
    chars = text.split("");
    for (var i=0;i<chars.length;i++)
      mp.push({x:0.1,y:0.5});
  },
  render : function() {
    decay(0.4);

    for (var i=0,len=chars.length;i<len;i++) {
      var p = mp[len-i-1];
      var x = p.x + 0.025 * i + 0.06;
      var y = p.y + 0.025;
      drawText(chars[i], "smb3", 1, x, y);
    }

    commit();

    if (mouse.over) {
      mp.push({x:mouse.x,y:mouse.y});
      if (mp.length > text.length)
        mp.shift();
    }

  },

  mousemove : function(x, y) {
  }

};}
, "borderblobs.js" : function() {// Click to take control of blob #1
var ts = 0;

return {
  render : function() {
    quality(0.4);

    if (frameNum == 0)
      drawRect(0,0,1,1,"rgba(255,255,255,0.5)");

    decay(0.15);

    var n = 100;
    ts += 0.10 + time * 0.01;
    for (var i=0;i<n;i++) {
      var f = i / n;
      drawCircle(
        0.5 + sin(f*pi2*4 - ts*2) * (0.1+f) * .7,
        0.5 + cos(f*pi2*4 - ts*2) * (0.1+f) * .7,
        0.02 * f,
        "hsl(" + (( f * 360 + ts * 30 )>>0) + ",70%,70%)"
      );
    }

    //drawRect(0,0,1,1,"rgb(50,0,0)");

    var n = 4, s = 1/screenWidth, hs = s*.5, t = time;

    for (var i=0,pos=[] ; i<n ; i++)
      pos[i] = [0.5 + sin(t*2 + i + i*pi) * 0.3, 0.5 + sin(t + i/5 + i*pi) * 0.3];

    if (mouse.down)
      pos[0][0] = mouse.x, pos[0][1] = mouse.y;

    for (var x=0;x<1;x+=s) {
      for (var y=0;y<1;y+=s) {
        for (var i=0,c=0;i<n;i++) {
          var dx = (pos[i][0]-x-hs), dy = (pos[i][1]-y-hs);
          c += 1/(dx*dx+dy*dy);
        }
        if (c > 72 && c < 80) drawRect(x, y, s, s, "white");
      }
    }

    quality(1);

    for (var i=0;i<n;i++)
      drawText((i+1), "fstarf", 3, pos[i][0], pos[i][1]);

    drawText("POTENTIALLY ROCKIN'", "fstarf", 2, 0.5, 0.95);

    commit();
  }
};}
, "munchingsquares.js" : function() {var c = 0,
  sw = false,
  n = 0,
  s = 1/16;

return {
  init : function() {
    quality(0.5);
  },
  render : function() {
    n = (n + 1) % 16;
    if (n == 0)
      sw = !sw;
    var c1 = sw ? "black" : "white",
        c2 = sw ? "white" : "black";
    for (var x=0;x<16;x++)
      for (var y=0;y<16;y++)
        drawRect(sw ? x*s : 1-x*s-s, 1-(y+1)*s, s, s, ((x^y)<n) ? c1 : c2);

    commit();
  }
};
}
, "hsl.js" : function() {// Move mouse to alter image hue. Won't work in stable Chrome.

return {
  init : function() {
    quality(0.5);
  },
  render : function() {

    var r = 0.47;
    var angle = mouse.over ? mouse.angle : time % pi2;
    var a = -angle + pi*0.5;
    drawImage("pirateship.jpg", 0, 0, 1, 1);
    drawCircle(.5, .5, r, null, "white", 1);
    drawLine(.5, .5, .5 + sin(a)*r, .5 + cos(a)*r, "white", 1);
    drawCircle(.5 + sin(a)*r, .5 + cos(a)*r, 0.02, "white", "black", 1);

    process("hsl", {
      hue : angle / pi2 * 360,
      saturation : 0,
      lightness : 0
    });

    commit();
  }
};}
, "fft1.js" : function() {
var n = 32;
var charstr = "01 ";

return {
  init : function() {
    resetTime();
  },
  render : function() {
    decay(0.15);

    var no = 20, s = 1/no, chars = charstr.split("");
    if (random() < 0.5) charstr += " ";
    deform(function(r,a,x,y) {
      return { moveY : 0.05, stretchX : 1.1 }
    },1,1,0);
    for (var i=0;i<=no;i++)
      drawText(chars[(random()*chars.length)>>0], "smb3", 2, i*s + 0.02, 0.02);



    var f = (255 / n) >> 0;
    for (var i=0;i<n;i++) {
      var h = soundData.eqDataL[i*f];
      drawRect(1/(n-1)*i, 1-h, 1/n, h, "white");
    }

    commit();
  }
};}
, "pre3d_eq.js" : function() {// Test using Dean McNamee's Pre3D renderer - see: http://deanm.github.com/pre3d/



var box1, state, green;

var boxes = [];

var n = 24;
var mode = 0;
var avgLevels = [];
for (var i=0;i<n;i++)
  avgLevels[i] = 0;

var bs = 0.1;

return {
  init : function() {
    resetTime();

    Pre3dInit();

    for (var i=0;i<n;i++) {
      var box = Pre3d.ShapeUtils.makeBox(bs, bs, bs);
      boxes.push(box);
    }

    green = new Pre3d.RGBA(0x78 / 255, 0xff / 255, 0, 1);

    state = {
      box1_rotate_y_rad: 0,
      box1_rotate_x_rad: 0,
      box1_rotate_z_rad: 0,
      box1_z: 0,
    };

    Pre3dRenderer.camera.focal_length = 2.5;

    Pre3dCamera(0, 0, -10, 0.5, 0, 0);
  },

  render : function() {
    decay(0.75);
    quality(0.6);

    var levels = [];
    for (var i=0;i<n;i++)
      levels[i] = 0;
    for (var i=0;i<128;i++)
      levels[(i/128*n)>>0] += soundData.eqDataL[i];
    for (var i=0;i<n;i++)
      avgLevels[i] = avgLevels[i]*0.5 + levels[i]*0.5;

    var n1 = 1 / n, n2 = 1 / (n * 2);

    var transform = Pre3dRenderer.transform;

    for (var i=0;i<n;i++) {
      var theta = i/n * pi2 + time;

      transform.reset();
      transform.rotateY(theta);

      var level = 0;
      if (avgLevels[i] > 0)
        level = ((levels[i] - avgLevels[i]) + (levels[i] / avgLevels[i]) + (levels[i] * 0.4)) * 1.3; 
      var h = pow(max(0,level),0.75)*0.15;
      h = ((h / n2) >> 0) * n2 * 20;

      if (h < 2) h = 2;

      transform.translate(
	cos(theta) * 2, 
        bs,
	sin(theta) * 2
      );
      transform.scale(1,h,1);
      transform.translate(0, -1, 0);

      var hue = (theta - pi/2) / pi2 * 360;
      var rgb = hsl2rgb(hue, 100, 50);

      Pre3dRenderer.fill_rgba = new Pre3d.RGBA(rgb.r / 255, rgb.g / 255, rgb.b / 255, 1);
      Pre3dRenderer.bufferShape(boxes[i]);
    }

    Pre3dRenderer.ctx.setFillColor(0,0,0,1);
    //Pre3dRenderer.drawBackground();

    Pre3dRenderer.drawBuffer();
    Pre3dRenderer.emptyBuffer();


    commit();

  },

  mousemove : function(x, y) {
    Pre3dCamera(0, 0, -10, 0.5, 0, 0);

    Pre3dCamera(0, 0, -10, 0.5, x * pi2, y * pi2);
  }


};}
, "pre3d_colorscube.js" : function() {// Test using Dean McNamee's Pre3D renderer - see: http://deanm.github.com/pre3d/
// Pre3D and original Colorscube demo (c) by Dean McNamee

var cubes, num_cubes;

var nc = 6;

return {
  init : function() {
    Pre3dInit();

    cubes = [ ];

    for (var i = 0; i < nc; ++i) {
      for (var j = 0; j < nc; ++j) {
        for (var k = 0; k < nc; ++k) {
          if (i == 0 || j == 0 || k == 0 ||
              i == nc-1 || j == nc-1 || k == nc-1) {
            var cube = Pre3d.ShapeUtils.makeCube(1);
            var transform = new Pre3d.Transform();
            var x = (i - 3) * 2;
            var y = (j - 3) * 2;
            var z = (k - 3) * 2;
            transform.translate(x, y, z);
            cubes.push({
              shape: cube,
              color: new Pre3d.RGBA(i / nc, j / nc, k / nc, 0.3),
              trans: transform,
              x : x, y : y, z : z, row : i
             });
          }
        }
      }
    }

    num_cubes = cubes.length;

    Pre3dRenderer.camera.focal_length = 2.5;
    Pre3dCamera(0, 0, -30, 0.40, -1.06, 0);

  },

  render : function() {
    decay(0.5);

    if (!mouse.over)
      Pre3dCamera(0, 0, -30, 0.40, -1.06 + sin(time/3) * pi2, cos(time/3) * pi2);

    for (var i = 0; i < num_cubes; ++i) {
      var cube = cubes[i];

      if ( ((time % 0.7) / 0.7 * nc)>>0 == cube.row)
        var scale = 1 + soundData.mid * 0.7;
      else
        var scale = 0.7 + soundData.bass * 0.1;

      var trans = cube.trans;
      trans.reset();
      trans.scale(scale,scale,scale);
      trans.translate(cube.x, cube.y, cube.z);

      Pre3dRenderer.fill_rgba = cube.color;
      Pre3dRenderer.transform = cube.trans;
      Pre3dRenderer.bufferShape(cube.shape);
    }

    Pre3dRenderer.drawBuffer();
    Pre3dRenderer.emptyBuffer();

    drawText("Pre3D by Dean McNamee (deanm.github.com)", "smb3", 1, 0.5, 0.95);

    commit();

  },

  mousemove : function(x, y) {
    Pre3dCamera(0, 0, -30, 0.40, -1.06 + x * pi2, y * pi2);
  }

};}
, "hypnoglow.js" : function() {// Tribute to p01's Dynamic Hypnoglow. See: http://www.p01.org/releases/20_lines_dynamic_hypnoglow/

var q = 0.25;

return {
  render : function() {
    quality(q);
    decay(0.9);

    var mx = mouse.x*screenWidth*10, my = mouse.y*screenHeight*10, t = time*1000, b = pow(soundData.bass, 0.3);
    var colors = ['#165', '#457', 'rgb('
      + round(24+my/19+34*cos(t/8192+mx/92)) + ',' 
      + round(16+20*cos(2+t/7192 + my/71)) + ',' 
      + round(32+24*cos(4+t/5192 + mx/87))
      + ')'];

    for(var j=0; j<colors.length; j++) {
      for (var i=0,a,points=[[1.5,0.5]]; i<128; i+=3)
        points.push([
          ((a=abs(i-64))*4-32)/200,
          b * (32+(64+a/2)*(.1+.2*cos(j+(t/352)+i/31))+(i&64)*1/(68-a)+16*sin((t+mx/1337)/((788-j*287)%1337)-a*(.07+j/43+my/1973-mx/1837)))/100
        ]);
      drawPath(points, true, colors[j]);
    }

    composite("lineardodge");

    for (var i=0;i<5;i++) {
      if (i < 3) {
        quality(q * 0.5);
        quality(q);
      }
      commit(i<4);
    }

    composite("normal");	

    var font = "smb3_black";
    quality(0.5);
    var rndx = (random()-0.5)*0.02, rndy = (random()-0.5)*0.02;
    drawText("DYNAMIC", font, 3, 0.335 + rndx, 0.42 + rndy);
    drawText("HYPNOGLOW", font, 4, 0.5 + rndx, 0.5 + rndy);
    drawText("wat up, p01", font, 2, 0.67 + rndx, 0.57 + rndy);

    commit();

  }
};}
, "waveform.js" : function() {// Music by Mr. Spastic (http://mrspastic.googlepages.com) (CC BY-NC-ND)

return {
  init : function() {
  },
  render : function() {
    decay(0.5);

    stretch(1,1.2);

    var pointsL = [];
    for (var i=0;i<128;i++)
      pointsL.push([ 1/127*i, 0.4 + soundData.waveDataL[i*2] * 0.2 ]);

    quality(0.25);

    var h = ((time * 60) % 360) >> 0;

    drawPath(pointsL, false, null, "hsl(" + h + ",100%,15%)", 32);
    drawPath(pointsL, false, null, "hsl(" + h + ",100%,25%)", 24);

    quality(1);

    drawPath(pointsL, false, null, "white", 2);

    drawRect(0,0.8,1,0.2,"black");
    var font = "aura";
    drawText("Artist:", font, 1.3, 0.05, 0.89, "left");
    drawText("Track:", font, 1.3, 0.05, 0.94, "left");
    drawText("Mr. Spastic", font, 1.3, 0.35, 0.89, "left");
    drawText("tEh (r0x!)", font, 1.3, 0.35, 0.94, "left");

    drawRect(0,0.8,1,0.2,"rgba(0,0,0,0.3)");

    commit();
  }
};}
, "imagedeform.js" : function() {var waves = [];

return {
  render : function() {

    drawImage("pirateship.jpg", 0, 0, 1, 1);
    drawText("CLICK FOR WAVES", "smb3", 2, 0.5, 0.9);

    for (var a=0,b=waves.length;a<b;a++) {
      var p = waves[a], 
          mtime = (time - p.time);
          amp = .3 * pow(1-mtime/3, 3),
          wd = pow(mtime,0.5) * .5;
      deform(function(radius, angle, x, y){
        var dx = x - p.x, dy = y - p.y,
            s = amp * exp(-pow(sqrt(dx*dx+dy*dy) - wd, 2) * 60);
        return {
          centerX : p.x, centerY : p.y,
          stretchX : 1 + s, 
          stretchY : 1 + s
        }
      }, 8, 8, false);
    }
    commit();
  },

  mouseclick : function(x, y) {
    waves.push({
      time : time,
      x : x,
      y : y
    });
    if (waves.length > 3)
      waves.shift();
  }
};}
, "onesandzeros.js" : function() {return {
  render : function() {
    decay(0.15);

    var n = 20, s = 1/n, chars = ("01 ").split("");

    deform(function(r,a,x,y) {
      return { moveY : 0.05, stretchX : 1.1 }
    },1,1,0);

    for (var i=0;i<=n;i++)
      drawText(chars[(random()*chars.length)>>0], "smb3", 2, i*s + 0.02, 0.02);

    commit();
  }
};}
, "embossblobs.js" : function() {// This is the same as Blobs but with an emboss effect. 
// Requires Pixastic, ie. won't work in stable Chrome.
// Click to take control of blob #1

return {
  init : function() {
    quality(0.5);
  },
  render : function() {
    decay(1);

    var s = 1/screenWidth, hs = s*.5, t = time/3, pos = [], n = 3;

    for (var i=0;i<n;i++)
      pos[i] = [.5 + sin(t*2 + i + i*pi) * .3, .5 + sin(t + i/5 + i*pi) * .3];
    if (mouse.down)
      pos[0][0] = mouse.x, pos[0][1] = mouse.y;

    for (var x=0;x<1;x+=s) {
      for (var y=0;y<1;y+=s) {
        var c = 0, b = false;
        for (var i=0;i<n;i++) {
          var p = pos[i], dx = (p[0]-x-hs), dy = (p[1]-y-hs), d = (dx*dx+dy*dy);
          if (d < 0.015) b = true;
          c += 1/d;
        }
        if (c > 75 && !b)
          drawRect(x, y, s, s, "white");
      }
    }

    for (var i=0;i<n;i++)
      drawCircle(pos[i][0], pos[i][1], 0.135, "white");
    for (var i=0;i<n;i++)
      drawText((i+1), "smb3_black", 4, pos[i][0], pos[i][1]);

    process("emboss", {amount:.5});
//  process("edges2", {});

    commit();
  }
};

}
, "plasma2.js" : function() {return {
  init : function() {
    quality(0.1);
  },
  render : function() {

    var s = 0.03, t = time * 2;

    for (var x=-.5;x<.5;x+=s) {
      for (var y=-.5;y<.5;y+=s) {
        var x2 = x * 12, y2 = y * 12;
        var x3 = x*1.5, y3 = y*1.5;
        var hue = ((sin(x2 + t*0.7)
          + cos(y2 - t*2 + sin(x2+t)*0.5)
          + sin(sqrt(x3*x3 + y3*y3) * 10 + t)
          + sin((x*x + y*y)) * 4
        ) / 10 * 360 + 90) % 360 >> 0;

        var l = sin(t)*50 + (sin(hue/(100 + sin(t/2.3)*50)*pi) * 100) >> 0;
        drawRect(x+.5, y+.5, s, s, "hsla(" + hue + ",100%," + l + "%,0.5)");
      }
    }
    commit();

  }
};}
, "waveformdeform.js" : function() {// Music by Mr. Spastic (http://www.8bitpeoples.com/discography/by/mr_spastic) (CC BY-NC-ND)

return {
  render : function() {
    decay(0.2);

    var n = 128, p = [];

    for (var i=0;i<=n;i++)
      p[i] = [i/n, .5 + soundData.waveDataL[(i/n*255)>>0] * .15];

    quality(0.1);

    drawPath(p, false, null, "white", 20);

    quality(0.25);

    drawPath(p, false, null, "yellow", 12);
    drawPath(p, false, null, "red", 12);

    quality(0.5);

    drawPath(p, false, null, "black", 10);

    drawPath(p, false, null, "white", 1);

    deform(function(r, a, x, y) {
      return {
        rotate : x - .5,
        stretchX : 1.4,
        moveY : -.05
      }
    }, 8, 8);

    commit();
  }
};
}
, "blobs.js" : function() {// Click to take control of blob #1

var ts = 0;

return {
  init : function() {
    //quality(0.4);
  },
  render : function() {
    if (frameNum == 0)
      drawRect(0,0,1,1,"rgba(255,255,255,0.5)");

//    decay(1);

    quality(0.4);

    decay(0.15);

    var n = 100;
    ts += 0.10 + time * 0.01;
    for (var i=0;i<n;i++) {
      var f = i / n;
      drawCircle(
        0.5 + sin(f*pi2*4 - ts*2) * (0.1+f) * .7,
        0.5 + cos(f*pi2*4 - ts*2) * (0.1+f) * .7,
        0.02 * f,
        "hsl(" + (( f * 360 + ts * 30 )>>0) + ",70%,70%)"
      );
    }

//    commit(true);

    var s = 1/screenWidth, hs = s*.5, t = time, pos = [], n = 4;

    for (var i=0;i<n;i++)
      pos[i] = [.5 + sin(t*2 + i + i*pi) * .3, .5 + sin(t + i/5 + i*pi) * .3];
    if (mouse.down)
      pos[0][0] = mouse.x, pos[0][1] = mouse.y;

    for (var x=0;x<1;x+=s) {
      for (var y=0;y<1;y+=s) {
        var c = 0, b = false;
        for (var i=0;i<n;i++) {
          var p = pos[i], dx = (p[0]-x-hs), dy = (p[1]-y-hs), d = (dx*dx+dy*dy);
          //if (d < 0.015) b = true;
          c += 1/d;
        }
        if (c > 75 && c < 170 && !b)
          drawRect(x, y, s, s, "white");
      }
    }

    for (var i=0;i<n;i++)
      drawCircle(pos[i][0], pos[i][1], 0.135, "white");
//    for (var i=0;i<n;i++)
//      drawText((i+1), "smb3_black", 4, pos[i][0], pos[i][1]);

//    composite("normal", 0.5);
    commit();

  }
};}
, "imagezoom.js" : function() {// mouse over for fancy magnifying glass effect (best in Chrome)

return {
  init : function() {
    quality(0.5);
  },
  render : function() {
    var t = time * 2;

    var r = 0.47;
    var angle = mouse.over ? mouse.angle : t % pi2;
    var a = -angle + pi*0.5;
    drawImage("pirateship.jpg", 0, 0, 1, 1);

/*
    drawCircle(.5, .5, r, null, "white", 1);
    drawLine(.5, .5, .5 + sin(a)*r, .5 + cos(a)*r, "white", 1);
    drawCircle(.5 + sin(a)*r, .5 + cos(a)*r, 0.02, "white", "black", 1);
*/

    process("hsl", {
      hue : angle / pi2 * 360,
      saturation : 0,
      lightness : 0
    });

    var mx = mouse.over ? mouse.x : 0.5 + cos(t)*0.2;
    var my = mouse.over ? mouse.y : 0.5 + sin(t)*0.2;

    deform(function(r,a,x,y){
      var dx = x - mx;
      var dy = y - my;
      var dist = sqrt(dx*dx+dy*dy);
      var radius = 0.12;
      return {
        moveX : dist > 0.32 ? 0 : (dx / dist) * radius * sin(dist/radius),
        moveY : dist > 0.32 ? 0 : (dy / dist) * radius * sin(dist/radius)
      }
    },12,12,0);

    commit();

    drawCircle(mx, my, 0.36, null, "black", 8);
    drawCircle(mx, my, 0.36, null, "white", 4);

    commit();

  }
};}
, "pre3d_spinring.js" : function() {// Test using Dean McNamee's Pre3D renderer - see: http://deanm.github.com/pre3d/
// Pre3D and original Spin Ring demo (c) by Dean McNamee

var orange, green, box1, box2, box3, state;

function spin() {
    var m1 = 2 + soundData.mid;
    state.box1_rotate_y_rad += 0.1 * m1;
    state.box1_rotate_x_rad += 0.01 * m1;
    state.box1_rotate_z_rad += 0.03 * m1;
    state.box1_z = sin(state.box1_rotate_y_rad / 2) - 2;

    var m2 = 3;
    state.box2_rotate_y_rad += 0.1 * m2;
    state.box2_rotate_x_rad += 0.01 * m2;
    state.box2_x = sin(state.box2_rotate_y_rad / 2) * 3;
    state.box2_y = sin(state.box2_rotate_x_rad * 4) * 2.8;

    var m2 = 3;
    state.box3_rotate_y_rad -= 0.1 * m2;
    state.box3_rotate_x_rad -= 0.01 * m2;
    state.box3_x = sin(state.box3_rotate_y_rad / 2) * 3;
    state.box3_y = sin(state.box3_rotate_x_rad * 4) * 2.8;
}

return {
  init : function() {
    Pre3dInit();

    box1 = Pre3d.ShapeUtils.makeBoxWithHole(0.8, 0.8, 0.8, 0.4, 0.4);
    box2 = Pre3d.ShapeUtils.makeCube(0.5);
    box3 = Pre3d.ShapeUtils.makeCube(0.5);

    orange = new Pre3d.RGBA(0xff / 255, 0x78 / 255, 0, 1);
    green = new Pre3d.RGBA(0x78 / 255, 0xff / 255, 0, 1);

    for (var i = 0; i < 2; ++i) {
      Pre3d.ShapeUtils.linearSubdivide(box1);
      Pre3d.ShapeUtils.averageSmooth(box1);
    }

    state = {
      box1_rotate_y_rad: 0,
      box1_rotate_x_rad: 0,
      box1_rotate_z_rad: 0,
      box1_z: 0,

      box2_rotate_y_rad: 0,
      box2_rotate_x_rad: 0,
      box2_x: 2,
      box2_y: 0,
      box2_z: -4,

      box3_rotate_y_rad: 0,
      box3_rotate_x_rad: 0,
      box3_x: -2,
      box3_y: 0,
      box3_z: -4
    };

    Pre3dRenderer.camera.focal_length = 2.5;

    Pre3dCamera(0, 0, -8, 0, 0, 0);

  },

  render : function() {
    quality(0.6);
    decay(0.05);
    zoom(0.95);

    spin();
    var transform = Pre3dRenderer.transform;
    transform.reset();
    transform.scale(1,1,1 + min(1,soundData.mid*0.25));
    transform.rotateZ(state.box1_rotate_z_rad);
    transform.rotateX(state.box1_rotate_x_rad);
    transform.rotateY(state.box1_rotate_y_rad);
    transform.translate(0, 0, state.box1_z);

    var hue = (time * 180 + 180) % 360;
    var rgb = hsl2rgb(hue, 100, 50);
    Pre3dRenderer.fill_rgba = new Pre3d.RGBA(rgb.r / 255, rgb.g / 255, rgb.b / 255, 1);

    //Pre3dRenderer.fill_rgba = orange;
    Pre3dRenderer.bufferShape(box1);

    transform.reset();
    transform.scale(1,1 + soundData.bass*0.3, 1);
    transform.rotateX(state.box2_rotate_x_rad);
    transform.rotateY(state.box2_rotate_y_rad);
    transform.translate(state.box2_x, state.box2_y, state.box2_z);

    var hue = (time * 180) % 360;
    var rgb = hsl2rgb(hue, 100, 50);
    Pre3dRenderer.fill_rgba = new Pre3d.RGBA(rgb.r / 255, rgb.g / 255, rgb.b / 255, 1);
    Pre3dRenderer.bufferShape(box2);

    transform.reset();
    transform.scale(1,1 + soundData.bass*0.3, 1);
    transform.rotateX(state.box3_rotate_x_rad);
    transform.rotateY(state.box3_rotate_y_rad);
    transform.translate(state.box3_x, state.box3_y, state.box3_z);
    var hue = (time * 180 + 90) % 360;
    var rgb = hsl2rgb(hue, 100, 50);
    Pre3dRenderer.fill_rgba = new Pre3d.RGBA(rgb.r / 255, rgb.g / 255, rgb.b / 255, 1);
    Pre3dRenderer.bufferShape(box3);


    Pre3dRenderer.drawBuffer();
    Pre3dRenderer.emptyBuffer();

    commit();

    quality(1);

    drawRect(0,0.91,1,0.1,"black");
    drawText("Pre3D by Dean McNamee (deanm.github.com)", "smb3", 1, 0.5, 0.95);

    commit();
  }

};}
, "scroller.js" : function() {var m = 0.3;
var w = 0.08;
var g = 0.012;

var n = 3;

function drawBar(b) {
  var h = ((time/3 * 360 + b*130) % 360)>>0;
  for (var i=0;i<3;i++) {
    var y = 0.45 + 0.2*(b-1)*0;
    var f = i / 3;
    var s = 70;
    var l = ((40 + 60 * f) >> 0);
    var c = "hsl(" + h + "," + s + "%," + l + "%)";
    drawRect(0, y + sin(time*1.5 + b) * m + g*i, 1, w - g*i*2, c);
  }
}

return {
  init : function() {
    resetTime();
  },
  render : function() {
    decay(0.4);

    for (var b=0;b<n;b++) {
      if (sin(time*1.5 + b + pi/2) >= 0)
        drawBar(b);
    }

    commit();

    scrollText("OBLIGATORY SCROLLING TEXT", "aura", 2, 8, 0.5);

    deform(function(r, a, x, y){
      return {
        stretchY : 2 + sin(x*pi) * 0.9,
        moveY : sin(x*pi2*2) * 0.05
      }
    },12,4,0);

    commit();

    for (var b=0;b<n;b++) {
      if (sin(time*1.5 + b + pi/2) < 0)
        drawBar(b);
    }

    commit();

  }
};}
, "fire.js" : function() {// looks best in Chrome

return {
  init : function() {
    quality(0.5);
  },
  render : function() {
    decay(0.04)

    var r, g, b, s = 1/screenWidth;

    for (var x=0;x<1;x+=s) {
      r = (200 + random()*55)>>0;  g = (100 + random()*55)>>0;  b = (0 + random()*55)>>0;
      drawRect(x, 0.90 + random() * 0.1, s*2, 0.05, "rgba("+r+","+g+","+b+",0.12)");

      r = (200 + random()*55)>>0;  g = (200 + random()*55)>>0;  b = (100 + random()*55)>>0;
      drawRect(x, 0.94 + random()*0.03, s*2, 0.1, "rgba("+r+","+g+","+b+",0.1)");
    }

    for (var i=0;i<10;i++)
      drawRect(random(), random(), 0.005, 0.01, "rgba(200,200,100,0.7)");

    deform(function(r,a,x,y) {
      return {
        moveX : (random()-0.5)*0.15*(1-y),
        moveY : y < 1 ? (random()-0.5)*0.03 : 0,
        centerY : 1,
        stretchY : 1.05
      }
    },16,16,0)

    commit();
  }
};}
, "tunnel.js" : function() {var t = 0;

return {
  init : function() {
    quality(0.4);
  },
  render : function() {
    decay(0.15);

    var n = 100;
    t += 0.10 + time * 0.01;
    for (var i=0;i<n;i++) {
      var f = i / n;
      drawCircle(
        0.5 + sin(f*pi2*4 - t*2) * (0.1+f) * .7,
        0.5 + cos(f*pi2*4 - t*2) * (0.1+f) * .7,
        0.02 * f,
        "hsl(" + (( f * 360 + t * 30 )>>0) + ",70%,70%)"
      );
    }

    commit();
  }
};}
, "chesszoom.js" : function() {// mouse over for fancy magnifying glass effect (best in Chrome)

return {
  render : function() {
    var n = 12;
    var z = sin(time) * .5
    var s = (2 + z) / n;
    var ox = (cos(time) - sin(time/1.7) - cos(time/0.5)) * 0.1 - 0.3 - z*2/n;
    var oy = (sin(time/2) + cos(time/1.5) - sin(time/3)) * 0.1 - 0.3 - z*2/n;
    for (var y=0;y<n;y++) {
      for (var x=0;x<n;x++) {
        drawRect(
          x * s + ox, y * s + oy,
          s, s, ( ((y%2) && (x%2)) || (!(y%2) && !(x%2)) ) ? "white" : "black"
        )
      }
    }

//    if (mouse.over) {
      var m = min(1,pow(soundData.mid,0.3));
      deform(function(r,a,x,y){
        var dx = x - mouse.x;
        var dy = y - mouse.y;
        var dist = sqrt(dx*dx+dy*dy);
        var radius = 0.15;
        return {
          moveX : dist > 0.45 ? 0 : (dx / dist) * radius * sin(dist/radius) * m,
          moveY : dist > 0.45 ? 0 : (dy / dist) * radius * sin(dist/radius) * m
        }
      },12,12,0);

      commit();

      drawCircle(mouse.x, mouse.y, 0.47, null, "black", 6);
      drawCircle(mouse.x, mouse.y, 0.47, null, "white", 3);
//    }

    commit();

  }
};}
, "paint2.js" : function() {var mx = 0, my = 0, d = 0;

var text = "PAINT!";

var mp = [];
var chars;

return {
  init : function() {
    chars = text.split("");
    for (var i=0;i<chars.length;i++)
      mp.push({x:0.35,y:0.45});
  },
  render : function() {
    if (!mouse.over) {
      decay(0.05);
    }

    quality(.35);
    quality(.4);

    var dx = mouse.x - mx;
    var dy = mouse.y - my;
    var dist = sqrt(dx*dx + dy*dy);
    var dd = dist - d;

    var h = ((time * 50) % 360) >> 0;

    var n = 40;
    if (mouse.over) {
        var f = 1 / (n);
        for (var i=0;i<n;i++) {
          drawCircle(
            mx + dx * f * i, my + dy * f * i, 
            45 * (d + dd * f * i) / screenWidth, "hsl("+h+",100%,90%)");
        }
    }

    var z = 1.04;

    zoom(z);

    mx = (mouse.x - 0.5) * z + 0.5;
    my = (mouse.y - 0.5) * z + 0.5;
    d = dist;

    composite("hardlight");
    commit();

//    drawRect(-0.1, 0.9, 1.2, 0.3, "black", "white");
//    drawText("PAINT!", "smb3", 2.5, 0.5, 0.95);
//    commit();

    composite("normal");

    quality(1);

    for (var i=0,len=chars.length;i<len;i++) {
      var p = mp[len-i-1];
      var x = p.x + 0.05 * i + 0.06;
      var y = p.y + 0.025;
      drawText(chars[i], "smb3", 2, x, y);
    }

    commit();

    if (mouse.over) {
      mp.push({x:mouse.x,y:mouse.y});
      if (mp.length > text.length)
        mp.shift();
    }

  }
};}
, "title.js" : function() {return {
  init : function() {
    resetTime();
    quality(1);
    playSound("Mr_Spastic_tEh(rox!)_64kbit_mono.mp3");
  },
  render : function() {
    decay(0.2);
    if (frameNum == 4)
      drawRect(0,0,1,1,"white");

    var font = "smb3";
    if (time > 0.7) {
      str = "5 OMG,";
      drawText(str, font, 3, 0.1, 0.1, "left");
    }
    if (time > 0.8) {
      str = "4 IT'S";
      drawText(str, font, 3, 0.1, 0.2, "left");
    }
    if (time > 0.9) {
      str = "3 FULL";
      drawText(str, font, 3, 0.1, 0.3, "left");
    }
    if (time > 1.0) {
      str = "2 OF";
      drawText(str, font, 3, 0.1, 0.4, "left");
    }
    if (time > 1.1) {
      str = "1 JAVASCRIPT";
      drawText(str, font, 3, 0.1, 0.5, "left");
    }

    commit();
  }
};}
, "colortunnel.js" : function() {var big = 0;

return {
  init : function() {
  },
  render : function() {
    decay(0.1);

    if (big > 0) big -= 0.1;

    var n = ((time*12)%16)>>0, s = 1/16;
    for (var x=0;x<16;x++)
      for (var y=0;y<16;y++)
        drawRect(0.2 + x*s*0.6, 0.2 + (y)*s*0.6, s * 0.4, s * 0.4, ((x^y)<n) ? "white" : "black");


    drawRect(0.2, 0.2, 0.6, 0.6, "hsla(" + (time%2/2*360) + ",100%,50%,0.1)", "white", 2);

    deform(function(radius, angle, x, y){
      var dx = mouse.x - x;
      var dy = mouse.y - y;
      var dist = (dx*dx + dy*dy);
      return {
        stretchX : 1 + sin(time*2+radius*pi) * 0.2 + big * 0.4,
        stretchY : 1 - sin(time*2+radius*pi) * 0.2 + big * 0.4,
        moveX : 0.2 * (mouse.x - 0.5),
        moveY : 0.2 * (mouse.y - 0.5)
      }
    }, 12, 12);

    drawText("use your mouse", "smb3", 2, 0.5, 0.9);

    commit();
  },
  mouseclick : function() {
    big += 1;
  }
};}
, "audreyzoom.js" : function() {return {
  init : function() {
    resetTime();
  },
  render : function() {
    var n = 16;

    var z = sin(time) * .6
    var s = (2 + z) / n;
    var ox = (cos(time) - sin(time/1.7) - cos(time/0.5)) * 0.1 - 0.3 - z*2/n;
    var oy = (sin(time/2) + cos(time/1.5) - sin(time/3)) * 0.1 - 0.3 - z*2/n;
    for (var y=0;y<n;y++) {
      for (var x=0;x<n;x++) {
          drawImage("audrey.png",
            x * s + ox, y * s + oy,
            s*1.02, s*1.02
          );

          var a = sin( (time % 2) / 2 * pi);

          drawRect(
            x * s + ox, y * s + oy,
            s, s, ( ((y%2) && (x%2)) || (!(y%2) && !(x%2)) ) ? "rgba(255,255,255,"+a+")" : "rgba(0,0,0,"+a+")"
          );
      }
    }

//    rotozoom(sin(time*.4) * pi2, 2);
    rotozoom(sin(time*(.5+.2*mouse.x)) * pi2 * 1, 2);

    commit();
  }
};}
, "fin.js" : function() {return {
  init : function() {
    quality(1);
    resetTime();
  },
  render : function() {
    decay(0.1);
    if (time < 4) {
    	drawText("FIN", "smb3", 3, 0.5, 0.5);
        commit();
    } else if (time < 8) {

    	drawText("By Jacob Seidelin", "smb3", 1, 0.5, 0.1);
    	drawText("blog.nihilogic.dk", "fstarf", 1, 0.5, 0.15);

    	drawText("Dynamic Hypnoglow by p01", "smb3", 1, 0.5, 0.40);
    	drawText("www.p01.org", "fstarf", 1, 0.5, 0.45);

    	drawText("Pre3D by deanm", "smb3", 1, 0.5, 0.55);
    	drawText("deanm.github.com", "fstarf", 1, 0.5, 0.6);

    	drawText("SoundManager2 by Scott Schiller", "smb3", 1, 0.5, 0.70);
    	drawText("www.schillmania.com", "fstarf", 1, 0.5, 0.75);

    	drawText("Music (CC) by Mr. Spastic", "smb3", 1, 0.5, 0.85);
    	drawText("mrspastic.googlepages.com", "fstarf", 1, 0.5, 0.90);

        commit();
    } else {
        if (time < 11)
    	  drawText("Thank you for watching", "smb3", 1, 0.5, 0.5);
        commit();
        if (time > 14)
	  stop();
    }
  }
};}
, "spasticsquared.js" : function() {// I don't know what this is. A dancing Mario? For fun and color inversion, try clicking.
// Music by Mr. Spastic (http://www.8bitpeoples.com/discography/by/mr_spastic) (CC BY-NC-ND)

return {
  init : function() {
    quality(0.5);
    resetTime();
  },
  render : function() {
    var hue = (time%1.5/1.5*360);

    drawRect(.2, .2, .6, .6, "hsla(" + hue + ",100%,50%,0.2)", "white", 2);

    decay(.5 - soundData.bass * .3);

    deform(function(radius, angle, x, y, mouse){
      return {
        stretchX : 1 + (random()-0.5)*0.1 * soundData.bass,
        stretchY : 1 + (random()-0.5)*0.1 * soundData.bass,
        rotate : sin(angle*0.5)*0.1 + 0.5*time
      }
    }, 4, 4)

    if (soundData.mid > .7)
      drawImage("mario_jump_" + (time%1.5>.75? "l":"r") + ".png", .3, .3 - (soundData.mid)*.05, .4, .4);
    else
      drawImage("mario_stand.png", .3, .3, .4, .4);

    commit();

/*
    scrollText("Today Mario dances just for YOU", "aura", 2, 15, .5);

    deform(function(radius, angle, x, y, mouse){
      return {
        moveY : sin(-x*pi2) * .1 * soundData.bass + 0.4,
        stretchY : 1 + sin(x*pi) * 6 * soundData.bass
      }
    }, 16, 0, false)
*/

    drawRect(0,0,1,1, "hsla(" + (360-hue) + ",100%,50%," + (soundData.treb*0.05) + ")")
    if (mouse.down)
      process("invert", {}, true)
    commit();
  }
};}
, "ellipse.js" : function() {// this is messed up in Opera. Looks like something's wrong with the canvas transformations.

return {
  init : function() {
    quality(0.5);
  },

  render : function() {
    decay(0.3);

    drawCircle(.5, .5, .3, "rgba(0,128,0,0.4)", "green", 2);

    var fill = "rgba(0,255,0,0.3)";

    var fill = "hsla(0,100%,50%,0.3)";
    drawEllipse(.5, .5, .3, .1, time, fill, "green", 4);
    var fill = "hsla(60,100%,50%,0.3)";
    drawEllipse(.5, .5, .3, .1, time*0.75, fill, "green", 4);
    var fill = "hsla(120,100%,50%,0.3)";
    drawEllipse(.5, .5, .3, .1, time*1.5, fill, "green", 4);
    var fill = "hsla(180,100%,50%,0.3)";
    drawEllipse(.5, .5, .3, .1, -time*0.75, fill, "green", 4);
    var fill = "hsla(240,100%,50%,0.3)";
    drawEllipse(.5, .5, .3, .1, -time*1.5, fill, "green", 4);

    deform(function(){
      return {
        moveX : .1 * cos(time*4),
        moveY : .1 * sin(time*4),
        zoom : .9 + sqrt(soundData.bass) * 0.2 - 0.1
      }
    },1,1);

    commit();
  }

};}
}
;