Hello folks,

I've been trawling the forums about this, but cannot find a definitive answer...

Not a particularly proficient coder, but I tend to kludge through by studying other examples.

Here's my problem:
I'm writing a sketch which is a personal study of interaction and a way for me to learn Processing. It will be a series of 100X800 sketches that will lead into one another through various user interactions.

This is my stripped down code structure with just two pages so far. I'll post more details if necessary, but I'd be embarrassed of my code:

void setup(){
      size(1000,800);
      ......}

void draw(){
  page1();
  if(mouse == true){
  page2();
  }
}

void page1(){
......}

void page2(){
......}

void mousePressed()
{
  if(mouseX >340 && mouseX<640 && mouseY>355 && mouseY<400)
  {
   mouse = true;
  }
  else{
    mouse = false;
  }
}

My problem is that when the mouse is pressed while running page1(), page2() appears on top of it. I tried background(0), but that interfered with page2(). I also tried stop(), but that doesn't seem to be doing what I want.

Hope I'm not being too vague and if ye need more details, don't hesitate to ask...

Thanks in advance,

Robby