Introduction to Interactivity and Media Art

//click to see real life!
int numFrames = 67;
int frame3 = 67;
int frame = 0;
int frame1 = 35;
int frame2 = 31;
int fram;
//int start;
BImage[] images = new BImage[ numFrames];
BImage[] liveimage = new BImage[31];

void setup()
{
  size(600, 300);
  framerate(10);
  images[ 0] = loadImage("a1.jpg");
  images[ 1] = loadImage("a2.jpg");
  images[ 2] = loadImage("a3.jpg");
  images[ 3] = loadImage("a4.jpg");
  images[ 4] = loadImage("a5.jpg");
  images[ 5] = loadImage("a6.jpg");
  images[ 6] = loadImage("a7.jpg");
  images[ 7] = loadImage("a8.jpg");
  images[ 8] = loadImage("a9.jpg");
  images[ 9] = loadImage("a10.jpg");
  images[ 10] = loadImage("a11.jpg");
  images[ 11] = loadImage("a12.jpg");
  images[ 12] = loadImage("a13.jpg");
  images[ 13] = loadImage("a14.jpg");
  images[ 14] = loadImage("a15.jpg");
  images[ 15] = loadImage("a16.jpg");
  images[ 16] = loadImage("a17.jpg");
  images[ 17] = loadImage("a18.jpg");
  images[ 18] = loadImage("a19.jpg");
  images[ 19] = loadImage("a20.jpg");
  images[ 20] = loadImage("a21.jpg");
  images[ 21] = loadImage("a22.jpg");
  images[ 22] = loadImage("a23.jpg");
  images[ 23] = loadImage("a24.jpg");
  images[ 24] = loadImage("a25.jpg");
  images[ 25] = loadImage("a26.jpg");
  images[ 26] = loadImage("a27.jpg");
  images[ 27] = loadImage("a28.jpg");
  images[ 28] = loadImage("a29.jpg");
  images[ 29] = loadImage("a30.jpg");
  images[ 30] = loadImage("a31.jpg");
  images[ 31] = loadImage("a32.jpg");
  images[ 32] = loadImage("a33.jpg");
  images[ 33] = loadImage("a34.jpg");
  images[ 34] = loadImage("a35.jpg");
  images[ 35] = loadImage("a36.jpg");

  liveimage[0] = loadImage("k1.jpg");
  liveimage[1] = loadImage("k2.jpg");
  liveimage[2] = loadImage("k3.jpg");
  liveimage[3] = loadImage("k4.jpg");
  liveimage[4] = loadImage("k5.jpg");
  liveimage[5] = loadImage("k7.jpg");
  liveimage[6] = loadImage("k8.jpg");
  liveimage[7] = loadImage("k9.jpg");
  liveimage[8] = loadImage("k10.jpg");
  liveimage[9] = loadImage("k11.jpg");
  liveimage[10] = loadImage("k12.jpg");
  liveimage[11] = loadImage("k13.jpg");
  liveimage[12] = loadImage("k14.jpg");
  liveimage[13] = loadImage("k15.jpg");
  liveimage[14] = loadImage("k17.jpg");
  liveimage[15] = loadImage("k18.jpg");
  liveimage[16] = loadImage("k19.jpg");
  liveimage[17] = loadImage("k21.jpg");
  liveimage[18] = loadImage("k22.jpg");
  liveimage[19] = loadImage("k23.jpg");
  liveimage[20] = loadImage("k24.jpg");
  liveimage[21] = loadImage("k25.jpg");
  liveimage[22] = loadImage("k26.jpg");
  liveimage[23] = loadImage("k27.jpg");
  liveimage[24] = loadImage("k28.jpg");
  liveimage[25] = loadImage("k30.jpg");
  liveimage[26] = loadImage("k31.jpg");
  liveimage[27] = loadImage("k32.jpg");
  liveimage[28] = loadImage("k33.jpg");
  liveimage[29] = loadImage("k34.jpg");
  liveimage[30] = loadImage("k36.jpg");
  
  }
  
  void loop()
  {
   if(fram == 0) {
     drawn();
  } else if(fram == 1) {
     live();
  } else if(fram > 1) {
    fram = 0;
  }
  }
  
 void mousePressed() {
 fram = fram + 1;
 }
    
 void drawn() {
 frame = (frame+1) %frame1;
 image(images[frame], 0, 0);
 }
 
 void live() {
 frame = (frame+1) %frame2;
 image(liveimage[frame], 0, 0);
  
 }