Loading and cycling through multiple images.

example_15_4
xxxxxxxxxx
 
/* @pjs preload="animal0.jpg, animal1.jpg, animal2.jpg, animal3.jpg, animal4.jpg, animal5.jpg, animal6.jpg, animal7.jpg, animal8.jpg, animal9.jpg"; */
​
// Learning Processing
​
// Daniel Shiffman
// http://www.learningprocessing.com
​
// Example 15-4: Image sequence
​
// Input code added by Devon Scott-Tunkin
​
int maxImages = 10; // Total # of images
int imageIndex = 0; // Initial image to be displayed is the first
boolean isPlaying = false;
​
// Declaring an array of images.
PImage[] images = new PImage[maxImages];
​
void setup() {
  size(200,200);
  
  // 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" ); 
    if (i % 2) {
          images[i].filter(INVERT);
      }
  }
  images[3].filter(BLUR, 20);
  frameRate(5);
}
​
void draw() {
  
  background(0);
  image(images[imageIndex],0,0);
  
  // Happens continuously while pressed
  if (keyPressed == true) {
    if (key == '6') {
      imageIndex = 6;
    }
    else if (key == '7') {
      imageIndex = 7;
    }
    else if (key == '8') {
      imageIndex = 8;
    }
    else if (key == '9') {
      imageIndex = 9;
    }
  }
  
  // Happens continuously while pressed
  if (mousePressed == true) {
    if (mouseButton == CENTER) {
      imageIndex = 0;
    }
  }
  
​
  // Only cycle if isPlaying is true
  if (isPlaying == true) {
  
    // 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;
  }
}
​
// Only happens when you release key
void keyReleased() {
  if (key == '0') {
    imageIndex = 0;
  }
  else if (key == '1') {
    imageIndex = 1;
  }
  else if (key == '5') {
    imageIndex = 5;
  }
    
  // Toggle isPlaying with space bar
  else if (key == ' ' && isPlaying == false) {
    isPlaying = true;
  }
  else if (key == ' ' && isPlaying == true) {
    isPlaying = false;
  }
  
  // keyCode are used for keys that don't type characters (LEFT, UP, DOWN, ESC, CONTROL, SHIFT, ENTER, ALT)
  else if (keyCode == RIGHT) {
    // Cycle
    if (imageIndex >= 9) {
      imageIndex = 0;
    }
    else {
      imageIndex += 1;
    }
  }
  else if (keyCode == LEFT) {
    // Cycle backwards
    if (imageIndex <= 0) {
      imageIndex = 9;
    }
    else {
      imageIndex -= 1;
    }
  }
}
​
// Happens every time key is pressed (keeps happening if held down)
void keyPressed() {
  if (key == '2') {
    imageIndex = 2;
  }
  else if (key == '3') {
    imageIndex = 3;
  }
  else if (key == '4') {
    imageIndex = 4;
  }
}
​
// Only happens after mouse button is pressed AND released
void mouseClicked() {
  if (mouseButton == LEFT) {
    isPlaying = true;
  }
}
​
// Only happens once when the mouse button is released
void mouseReleased() {
  if (mouseButton == RIGHT) {
    isPlaying = false;
  }
}
​
// Happens once when clicked
void mousePressed() {
  if (mouseButton == LEFT) {
    isPlaying = true;
  }
}
​