// Example 15-4: Image sequence

int maxImages = 10; // Total # of images
int imageIndex = 0; // Initial image to be displayed is the first

// Declaring an array of images.
PImage[] images = new PImage[maxImages];

//variables for color changing
float r = random (255);
float g = random (255);
float b = random (255);

float deg = 5;
float rad = radians(deg);

void setup() {
  size(600,400);
  
  // Loading the images into the array
  // Don't forget to put the JPG files in the data folder!
  for (int i = 0; i < images.length; i ++ ) {
    images[i] = loadImage( "animal" + i + ".jpg" ); 
  }
  frameRate(15);
}

void draw() {
  
  background(0);
  imageMode (CENTER); 
  image(images[imageIndex],mouseX,mouseY);
  tint (r,g,b);
  // increment image index by one each cycle
  // use modulo " % "to return to 0 once the end of the array is reached
  imageIndex = (imageIndex + 1) % images.length;
  
  deg = atan(pmouseY/pmouseX);
   
  rotate (rad);
  
  //color to change consistently
  r = r + 5;
  g = g + 5;
  b = b + 5;
  
  if (r > 255) {
    r = random (255);
  }
  if (g > 255) {
    g = random (255);
  }
  if (b > 255) {
    b = random (255);
  }
 
}


 

pushMatrix();
translate(location.x, location.y);
// if statement goes here
image(images[imageIndex], 0.0, 0.0);
popMatrix(); 

  // check if mouse is moving
  else {
    rotate(velocity.heading2D());
  }