How to end animation? (processing)

Question

I've written this code which creates a sketchbook.

I'm sure that there's a simple error, but why won't it stop playing at the end of the images?

Here is the code

    import ddf.minim.spi.*;
import ddf.minim.signals.*;
import ddf.minim.*;
import ddf.minim.analysis.*;
import ddf.minim.ugens.*;
import ddf.minim.effects.*;

Minim minim;
AudioPlayer sou; //variable name;


final int NUMBER_IMAGES = 27; 
PImage[] images; //sets PImage array
int framerate = 10;
int currentImage = 0;
String getImageName(int image_number) {
    if (image_number == 0) {  // == double equals checks for equality
        return "title.gif";  //missing k0.gif and k26.gif until this line   //added
    } else if (image_number == 26) {
        return "title2.gif";
    } else {
      return "data/K" + image_number + ".gif";
    }
}
void setup () {
  minim = new Minim(this); //define construction
  sou = minim.loadFile("ambience.mp3");
  sou.loop();


  size (300, 300);
  background (255); 
  frameRate(framerate);
  imageMode (CENTER);  // Tells the images to display relative to CENTRE 
  images = new PImage[NUMBER_IMAGES];  // initialises the array (not images)

  for (int image_number = 0; image_number < NUMBER_IMAGES; image_number++) {
    String filename;  // Declared a String called filename
    filename = getImageName(image_number);
    images[image_number] = loadImage(filename);
  } 

}
void draw () {
    // Set framerate
    frameRate(framerate);
    // Draws first image
    image(images[currentImage], width/2.0, height/2.0);
    currentImage++;
    currentImage = currentImage % NUMBER_IMAGES;

}
void keyPressed() {
  if (keyCode == UP) { // up arrow increases frame rate by one
    framerate ++;
  }
  if (keyCode == DOWN) { //down arrow decreases framerate by one
    framerate --;
  }
}

I can't think of more details to add although I'm being told I can't post this as it is mostly code.

score 1 · Answer 1 · answered Jan 15 '15 at 08:22

Because you have this line inside your code it will show images forever

currentImage = currentImage % NUMBER_IMAGES

If you want stop drawing nex image simply change this line into something like this:

if(currentImage == NUMBER_IMAGES) noLoop()

noLoop() will stop whole draw() animation so it will display your last image. If you want then exit the animation you can add this to your keyPressed():

if (keyCode == ESC){
    exit();
}

exit() will correctly exit your program. You can use this function instead of noLoop to end after last image.

Jose Gonzalez · Accepted Answer · 2015-01-15T13:39:39.440

This line is the one that achieves the recurrent number loop.

currentImage = currentImage % NUMBER_IMAGES

What the % (Modulo) operator does is to calculates the remainder when one number is divided by another. So lets say for example that your NUMBER_IMAGES is 10, at first you'll have 1 & 10 and the value stored in currentImage would be 1. This continues until you reach 10 % 10 the value stored would be 0 and there you'll start all over again.

Here you can find more about the (Module) in Processing: https://www.processing.org/reference/modulo.html

Perhaps a more simple approach to achieve what you'll looking for would be to add a condition to stop when you reach the number of images.

void draw () {
    // Set framerate
    frameRate(framerate);
    // Draws images
    image(images[currentImage], width/2.0, height/2.0);
    if(currentImage < NUMBER_IMAGES){         
      currentImage++;
    }   
}

Hope this helps. Regards Jose

it did / does. Thanks a lot – mike eustace Jan 17 '15 at 04:29 — mike eustace, Jan 17 '15 at 04:29

How to end animation? (processing)

2 Answers2