vizii/client/redraw.js

(function redraw () {

  console.log(0);

  var state   = _.state()
    , canvas  = state['canvas']
    , context = canvas.getContext('2d')
    , img     = state['img']
    , f       = state['frame'];

  var x1 = Math.random() * img.width
    , y1 = Math.random() * img.height
    , x2 = Math.random() * img.width
    , y2 = Math.random() * img.height
    , w  = x2 - x1
    , h  = y2 - y1

  context.globalAlpha = $.state.blend();

  //context.translate(img.width / 2, img.height / 2)
  //context.rotate(Math.random() * Math.PI)

  if (f % 2 === 0) context.drawImage(img,
    x1, y1, w, h,
    0, 0, canvas.width, canvas.height);

  //context.setTransform(1, 0, 0, 1, 0, 0);

  //if (f % 5 === 0) context.drawImage(img2,
    //-x1 * canvas.width         / w,
    //-y1 * canvas.height        / h,
    //img.width  * canvas.width  / w,
    //img.height * canvas.height / h);

  //context.globalAlpha = 1
  //context.fillStyle = 'black'
  //var data = context.getImageData(0, 0, canvas.width, canvas.height)
  //for (var i = 0; i < data.data.length; i++) {
    //var pixel = data.data[i];
    ////pixel[2] = pixel[1]//;Math.pow(pixel, 1.5)
  //}
  //context.putImageData(data, 0, 0)
 
  //for (var y = 0; y < canvas.height; y++) {
    //if (y % 5 === 0) {
      //context.fillRect(0, y, canvas.width, 1)
    //}
  //}

  _.state.frame.set(f+1)

  window.requestAnimationFrame(_.redraw)

})