float mx = 0.0;
float my = 0.0;
float i = 0.0;

PImage bg;
//----------left light-----------------------
int llFrames = 30;
int llframe = 0;
PImage [] llimages = new PImage[llFrames];
//----------center light---------------------
int clFrames = 30;
int clframe = 0;
PImage [] climages = new PImage[clFrames];
//----------right light----------------------
int rlFrames = 30;
int rlframe = 0;
PImage [] rlimages = new PImage[rlFrames];
//-------------------------------------------


void setup() 
{
  size(600, 300);
  bg = loadImage("BG.jpg");
  //-------left light------------------------
  llimages[0]     = loadImage("leftlight-1.jpg");
  llimages[1]     = loadImage("leftlight-1.jpg");
  llimages[2]     = loadImage("leftlight-1.jpg");
  llimages[3]     = loadImage("leftlight-1.jpg");
  llimages[4]     = loadImage("leftlight-1.jpg");
  llimages[5]     = loadImage("leftlight-1.jpg");
  llimages[6]     = loadImage("leftlight-1.jpg");
  llimages[7]     = loadImage("leftlight-1.jpg");
  llimages[8]     = loadImage("leftlight-1.jpg");
  llimages[9]     = loadImage("leftlight-1.jpg");
  llimages[10]    = loadImage("leftlight-1.jpg");
  llimages[11]    = loadImage("leftlight-1.jpg");
  llimages[12]    = loadImage("leftlight-1.jpg");
  llimages[13]    = loadImage("leftlight-2.jpg");
  llimages[14]    = loadImage("leftlight-2.jpg");
  llimages[15]    = loadImage("leftlight-3.jpg");
  llimages[16]    = loadImage("leftlight-3.jpg");
  llimages[17]    = loadImage("leftlight-2.jpg");
  llimages[18]    = loadImage("leftlight-2.jpg");
  llimages[19]    = loadImage("leftlight-3.jpg");
  llimages[20]    = loadImage("leftlight-3.jpg");
  llimages[21]    = loadImage("leftlight-4.jpg");
  llimages[22]    = loadImage("leftlight-4.jpg");
  llimages[23]    = loadImage("leftlight-4.jpg");
  llimages[24]    = loadImage("leftlight-5.jpg");
  llimages[25]    = loadImage("leftlight-5.jpg");
  llimages[26]    = loadImage("leftlight-6.jpg");
  llimages[27]    = loadImage("leftlight-6.jpg");
  llimages[28]    = loadImage("leftlight-7.jpg");
  llimages[29]    = loadImage("leftlight-7.jpg");

  //-------center light------------------------
  climages[0]     = loadImage("centerlight-6.jpg");
  climages[1]     = loadImage("centerlight-6.jpg");
  climages[2]     = loadImage("centerlight-6.jpg");
  climages[3]     = loadImage("centerlight-5.jpg");
  climages[4]     = loadImage("centerlight-5.jpg");
  climages[5]     = loadImage("centerlight-4.jpg");
  climages[6]     = loadImage("centerlight-4.jpg");
  climages[7]     = loadImage("centerlight-1.jpg");
  climages[8]     = loadImage("centerlight-1.jpg");
  climages[9]     = loadImage("centerlight-1.jpg");
  climages[10]    = loadImage("centerlight-1.jpg");
  climages[11]    = loadImage("centerlight-1.jpg");
  climages[12]    = loadImage("centerlight-1.jpg");
  climages[13]    = loadImage("centerlight-1.jpg");
  climages[14]    = loadImage("centerlight-1.jpg");
  climages[15]    = loadImage("centerlight-1.jpg");
  climages[16]    = loadImage("centerlight-1.jpg");
  climages[17]    = loadImage("centerlight-1.jpg");
  climages[18]    = loadImage("centerlight-1.jpg");
  climages[19]    = loadImage("centerlight-1.jpg");
  climages[20]    = loadImage("centerlight-1.jpg");
  climages[21]    = loadImage("centerlight-2.jpg");
  climages[22]    = loadImage("centerlight-2.jpg");
  climages[23]    = loadImage("centerlight-2.jpg");
  climages[24]    = loadImage("centerlight-3.jpg");
  climages[25]    = loadImage("centerlight-3.jpg");
  climages[26]    = loadImage("centerlight-3.jpg");
  climages[27]    = loadImage("centerlight-3.jpg");
  climages[28]    = loadImage("centerlight-3.jpg");
  climages[29]    = loadImage("centerlight-3.jpg");

  //-------right light------------------------
  rlimages[0]     = loadImage("rightlight-1.jpg");
  rlimages[1]     = loadImage("rightlight-1.jpg");
  rlimages[2]     = loadImage("rightlight-1.jpg");
  rlimages[3]     = loadImage("rightlight-1.jpg");
  rlimages[4]     = loadImage("rightlight-1.jpg");
  rlimages[5]     = loadImage("rightlight-1.jpg");
  rlimages[6]     = loadImage("rightlight-1.jpg");
  rlimages[7]     = loadImage("rightlight-1.jpg");
  rlimages[8]     = loadImage("rightlight-1.jpg");
  rlimages[9]     = loadImage("rightlight-1.jpg");
  rlimages[10]    = loadImage("rightlight-1.jpg");
  rlimages[11]    = loadImage("rightlight-1.jpg");
  rlimages[12]    = loadImage("rightlight-1.jpg");
  rlimages[13]    = loadImage("rightlight-2.jpg");
  rlimages[14]    = loadImage("rightlight-2.jpg");
  rlimages[15]    = loadImage("rightlight-3.jpg");
  rlimages[16]    = loadImage("rightlight-3.jpg");
  rlimages[17]    = loadImage("rightlight-2.jpg");
  rlimages[18]    = loadImage("rightlight-2.jpg");
  rlimages[19]    = loadImage("rightlight-3.jpg");
  rlimages[20]    = loadImage("rightlight-3.jpg");
  rlimages[21]    = loadImage("rightlight-4.jpg");
  rlimages[22]    = loadImage("rightlight-4.jpg");
  rlimages[23]    = loadImage("rightlight-4.jpg");
  rlimages[24]    = loadImage("rightlight-4.jpg");
  rlimages[25]    = loadImage("rightlight-4.jpg");
  rlimages[26]    = loadImage("rightlight-5.jpg");
  rlimages[27]    = loadImage("rightlight-5.jpg");
  rlimages[28]    = loadImage("rightlight-5.jpg");
  rlimages[29]    = loadImage("rightlight-5.jpg");
}

void draw()
{
  bgScroll();
}


void bgScroll() 
{ 
  
  int t=0;
  int s;
  s = second()%29;
  println(s);
  
  float xdif = mouseX - mx;
  if(abs(xdif) > 3.0) {
    mx = mx + xdif/8.0;
  }
  
  float ydif = mouseY - my;
  if(abs(ydif) > 1.0){
    my = my + ydif/8.0;
  }
  
  my = constrain(my, 1, width-1);
  mx = constrain(mx, 1, width-1);

translate(mx/-.37,my/-4.8);
  image(bg,0,0,2237,363);
  
  image(llimages[s],18,0); 
  image(climages[s],796,60);
  image(rlimages[s],2047,0);
}
Project 4: Context
Extend an idea you've explored previously in your life, but adapt it to the context of an interactive system which requires the viewer to engage with the material.