I'm trying to make a program that draws a series of images in succession, and changed with a mouse click.

The problem with the code below is that if the mouse is head for longer than the 200 millisecond delay, the image changes twice. Ideally, no delay would be involved, but the draw method would wait until mouse is released to cycle the image the next switch case.

How do I wait for mouse release? Can I use the mouseReleeased() method inside the switch?

Code:

int i= 0;

void setup() {
  size (700,700);

}
  void draw(){
  
  stroke(0);
  strokeWeight (5);
  background (50,200,200);
 
switch(i){
  case 0:
  
  line (10,40, 90, 400);
  if (mousePressed == true){
  
    i++;
delay(200);
  }
  
  break;
  case 1:
  line (10,40, 290, 500);
  if (mousePressed == true){
    
    i++;
    delay(200);
  }
  
  break;
   case 2:
  line (10,100, 490, 500);
  if (mousePressed == true){
    i=0;
    delay(200);
  }
  break;

}
 
  }
  
  
 

void mousePressed() is your friend.  It is called only when the mouse is initially pressed.
--Ben