var idle = [];

var jump = [];

var down = [];

var ready = [];

var end = [];

​

var whichFrame1 = 0;

var delay1 = 100;

var nextTimer1 = 0;

​

var whichFrame2 = 0;

var delay2 = 200;

var nextTimer2 = 0;

​

var whichFrame3 = 0;

var delay3 = 300;

var nextTimer3 = 0;

​

var whichFrame4 = 0;

​

var scr = 1;

​

function preload() {

  idle[0] = loadImage("idle-1.png");

  idle[1] = loadImage("idle-2.png");

  idle[2] = loadImage("idle-3.png");

  idle[3] = loadImage("idle-4.png");

  idle[4] = loadImage("idle-5.png");

  idle[5] = loadImage("idle-6.png");

  idle[6] = loadImage("idle-7.png");

  idle[7] = loadImage("idle-8.png");

  idle[8] = loadImage("idle-9.png");

  idle[9] = loadImage("idle-10.png");

  idle[10] = loadImage("idle-11.png");

  idle[11] = loadImage("idle-12.png");

  idle[12] = loadImage("idle-13.png");

  idle[13] = loadImage("idle-14.png");

  idle[14] = loadImage("idle-15.png");

  idle[15] = loadImage("idle-16.png");

  idle[16] = loadImage("idle-17.png");

  idle[17] = loadImage("idle-18.png");

  idle[18] = loadImage("idle-19.png");

​

  jump[0] = loadImage("jump-1.png");

  jump[1] = loadImage("jump-2.png");

  jump[2] = loadImage("jump-3.png");

  jump[3] = loadImage("jump-4.png");

  jump[4] = loadImage("jump-5.png");

  jump[5] = loadImage("jump-6.png");

  // jump[6] = loadImage("jump-7.png");

  // jump[7] = loadImage("jump-8.png");

  // jump[8] = loadImage("jump-9.png");

  // jump[9] = loadImage("jump-10.png");

  // jump[10] = loadImage("jump-11.png");

​

  // jump[11] = loadImage("jump-12.png");

  // jump[12] = loadImage("jump-13.png");

  // jump[13] = loadImage("jump-14.png");

  // jump[14] = loadImage("jump-15.png");

​

  ready[0] = loadImage("jump-20.png");

  ready[1] = loadImage("jump-21.png");

  ready[2] = loadImage("jump-22.png");

  ready[3] = loadImage("jump-23.png");

  ready[4] = loadImage("jump-24.png");

  ready[5] = loadImage("jump-25.png");

  ready[6] = loadImage("jump-26.png");

  ready[7] = loadImage("jump-27.png");

  ready[8] = loadImage("jump-28.png");

  ready[9] = loadImage("jump-29.png");

  ready[10] = loadImage("jump-30.png");

  ready[11] = loadImage("jump-31.png");

  ready[12] = loadImage("jump-32.png");

  ready[13] = loadImage("jump-33.png");

  ready[14] = loadImage("jump-34.png");

  ready[15] = loadImage("jump-35.png");

  ready[16] = loadImage("jump-36.png");

  ready[17] = loadImage("jump-37.png");

  ready[18] = loadImage("jump-38.png");

  ready[19] = loadImage("jump-39.png");

  ready[20] = loadImage("jump-40.png");

  ready[21] = loadImage("jump-41.png");

​

  down[0] = loadImage("down-1.png");

  down[1] = loadImage("down-2.png");

  down[2] = loadImage("down-3.png");

  down[3] = loadImage("down-4.png");

  end[0] = loadImage("end-3.png");

  end[1] = loadImage("end-3.png");

  end[2] = loadImage("end-3.png");

  end[3] = loadImage("end-3.png");

  end[4] = loadImage("end-3.png");

  end[5] = loadImage("end-3.png");

  end[6] = loadImage("end-3.png");

  end[7] = loadImage("end-3.png");

  end[8] = loadImage("end-3.png");

  end[9] = loadImage("end-3.png");

  end[10] = loadImage("end-3.png");

  end[11] = loadImage("end-3.png");

  end[12] = loadImage("end-3.png");

  end[13] = loadImage("end-2.png");

  end[14] = loadImage("end-2.png");

  end[15] = loadImage("end-2.png");

  end[16] = loadImage("end-2.png");

  end[17] = loadImage("end-2.png");

  end[18] = loadImage("end-2.png");

  end[19] = loadImage("end-3.png");

  end[20] = loadImage("end-3.png");

  end[21] = loadImage("end-3.png");

  end[22] = loadImage("end-3.png");

​

}

​

function setup() {

  createCanvas(600, 600);

  frameRate(40);

​

}

​

function draw() {

  background(0);

​

  if (scr == 1) {

    Down();

  } else if (scr == 2) {

    Jump();

  } else if (scr == 3) {

    End();

  }

​

  //jump bread rect

  //rect(250,120,120,120);

}

​

function overRect(x, y, w, h) {

  if ((mouseX > x) && (mouseX < x + w) &&

    (mouseY > y) && (mouseY < y + h)) {

    return true;

  } else {

    return false;

  }

}

​

function Idle() {

  image(idle[whichFrame1], 0, 0);

  whichFrame1 = whichFrame1 + 1;

  if (whichFrame1 >= idle.length) {

    whichFrame1 = 0;

  }

}

​

function Jump() {

  whichFrame2 = int(map(mouseY, 600, 300, 0, jump.length - 1));

  whichFrame2 = int(constrain(whichFrame2, 0, jump.length - 1));

  image(jump[whichFrame2], 0, 0);

}

​

function Down() {

  whichFrame3 = int(map(mouseY, 300, 400, 0, down.length - 1));

  whichFrame3 = int(constrain(whichFrame3, 0, down.length - 1));

  image(down[whichFrame3], 0, 0);

}

​

// function Ready(){

//   image(ready[whichFrame4], 0, 0);

//   whichFrame4 = whichFrame4 + 1;

//   if (whichFrame4 >= ready.length) {

//     whichFrame4 = 0;

//   }

// }

​

function End()

{

image(end[whichFrame4], 0, 0);

  whichFrame4 = whichFrame4 + 1;

  if (whichFrame4 >= end.length) {

    whichFrame4 = 0;

  }

}

function mouseDragged() {

  if (scr == 3) {

  scr =1;

  }

​

​

}

​

function mouseReleased() {

  // if (scr == 2) {

  //   scr = 3;

  // }

}

​

function mousePressed() {

  noFill();

  noStroke();

  if (scr == 1) {

    if (overRect(160, 400, 50, 50)) {

      scr = 2;

    }

  }

  if (scr == 2){

  if (overRect(250,120,120,120)) {

      scr = 3;

    }

  }

  // if (scr == 2){

  // scr = 3;

  // }

  if (scr == 3){

  if (overRect(250,220,120,200)) {

      scr = 1;

    }

  }

}