//let img2;

​

//Contact Sheet Calibration Variables

const sx = 3; //top left x

const sy = 5; //top left y

const sWidth = 190; //width of frame

const sHeight = 195; //height of frame

const xGap= 5; //gap in x direction

const yGap= 5; //gap in y direction

const xNum = 4; //frames across 

const yNum = 6; //frames down

const fullWidth = 790; //full width of image

const fullHeight = 1218; //full height of image

​

//Animation frame variables

let dx = 0; //location of aniamtion in canvas

let dy = 0; //location of aniamtion in canvas

let dWidth = 400; //destination width

let dHeight = 400;//destination height

​

//Variables for frame on contact sheet 

let x;

let y;

​

let i = 0;

let j = 0;

let fr = 20; //frame rate

​

function preload() {

  img = loadImage("AnimationScan1.png");

 // img2 = loadImage("AnimationScan2.png")

}

function setup() {

  createCanvas(400, 400);

  frameRate(fr);

}

​

function draw() {

​

      x = sx + (sWidth+xGap) * i;

      y = sy + (sHeight+yGap) * j;

​

  image(img, dx, dy, dWidth, dHeight, x, y, sWidth, sHeight);

 // image(img2, dx, dy, dWidth, dHeight, x, y, sWidth, sHeight);

​

  //if we are not on the last column

  if (i != xNum-1) {

    i = i + 1; //advance column

  }else{

   i = 0; //go back to column 0 and advance row

    //advance row 

    if(j != yNum-1){ //if not on last row

      j = j + 1; //advance row

    }else{

      j = 0;

    }

​

  }

​

​

​

  // print("("+i+","+j+")");

  // print("("+x+","+y+")");

}

​

function keyPressed() {

  if (keyCode === UP_ARROW) {

    fr = fr+1;

    frameRate(fr);

    console.log("FrameRate:"+j+"fps");

  } else if (keyCode === DOWN_ARROW) {

    fr = fr- 1;

    frameRate(fr);

    console.log("FrameRate:"+j+"fps");

  }

}