création de boutons, images et début de déplacement

Nous avons essayé de créer des boutons lundi, et nous avons continué le projet samedi. Nous avons creer des boutons mais nous ne parvenons pas a créer une nouvelle page lorsqu'on clique. Nous avons introduit des images dans le sketch mais nous n'arrivons pas a faire d'une image un objet.

code déplacement:

PImage voiture1;
PImage circuit1;
boolean UP= false;
int x;


void setup() {
  size(924,428);
  voiture1 = loadImage ("images13.png");
  circuit1 = loadImage ("images1.jpg");

}

void draw() {
 
  deplacement();
 
  image (circuit1, 0, 0, width, height);
  image (voiture1 , 40, 40,180,100);

 
}
void deplacement(){
 
  if( keyPressed==UP ) { voiture1 = x +1; }
 
 
}

 

 

code boutons/menu:

PImage circuit1;
PImage circuit2;
PImage circuit3;
boolean fond1=false;
boolean fond2=false;
boolean fond3=false;
boolean fond4=false;






void setup() {
  background(0);
  size(600, 600);
  rect(200, 50, 200, 80, 10);
  rect(10, 250, 280, 100, 10);
  rect(310, 250, 280, 100, 10);
  fill(#55D126);
  rect(10, 370, 580, 210, 10);
  circuit1 = loadImage ("images1.jgp");
  circuit2 = loadImage( "images.jpg");
  circuit3 = loadImage ( "index.jpg");
}

void draw() {
  Menu();
  sousmenu();
  Page1();
  Page2();
  Page3();
}



void Menu() {
  textSize(50);
  text("MENU", 230, 110);
  fill(#080101);
}

void sousmenu() {
  textSize(50);
  text("Véhicules", 30, 320);
  fill(#080101);

  textSize(50);
  text("Circuits", 350, 320);
  fill(#080101);

  textSize(90);
  text("Démarrer", 80, 500);
  fill(#080101);
}

void mousePressed() {
 
   if (mouseX<580 && mouseX>10 &&mouseY>370 &&mouseY<210+370){
     fond1=true;}
   if (mouseX<280 && mouseX>10 &&mouseY>250 &&mouseY<100+250){
     fond2=true;}
   if (mouseX<310+250 && mouseX>310 &&mouseY>250 &&mouseY<100+250){
     fond3=true;}
 
     }
 
 
 
 void Page1(){ // bouton démarrer
   if(fond1==true){
    rect(5,5,30,15,10);
     fill(#F027E6);
      background(0);
      
     
   }
    
 }
 
 void Page2(){ // bouton véhicules
   if(fond2==true){
     background(0);
     rect(10,10,80,90,10);
     
   }
    
 }
 
 void Page3(){ // bouton circuits
   if(fond3==true){
     background(0);
 }

    
 }