Suite du menu et réflexion pour intéragir avec une image

Aujourd'hui, nous avons fais la suite du menu avec les boutons retours (non fonctionnelles pour le moment) et nous avons commencé la réflexion pour pouvoir  intéragir avec une image, ici la voiture. Nous mettrons donc l'image de la voiture dans un rectangle et nous ferons intéragir ce rectangle pour simuler les mouvements de la voiture ainsi il ne faut pas faire de l'image un objet.

Programme actuel :

PImage circuit1;
PImage circuit2;
PImage circuit3;
boolean fond0=false;
boolean fond1=false;
boolean fond2=false;
boolean fond3=false;
boolean fond4=false;
int page= 1;




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.jpg");
  circuit2 = loadImage( "images.png");
  circuit3 = loadImage ( "index.jpg");
}

void draw() {
  Menu();

  if (fond0==true) {
    Menu();
  }
  if (fond1==true) {
    Page1();
  }
  if (fond2==true) {
    Page2();
  }
  if (fond3==true) {
    Page3();
  }
}


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

  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 && page==1) {
    fond1=true;
  }
  if (mouseX<280 && mouseX>10 &&mouseY>250 &&mouseY<100+250 && page==1) {
    fond2=true;
  }
  if (mouseX<310+250 && mouseX>310 && mouseY>250 && mouseY<100+250 && page==1) {
    fond3=true;
  }
  if (mouseX<110 && mouseX>10 && mouseY<60 && mouseY>10 && page==2) {
    fond0=true;
  }
}


void Page1() { // bouton démarrer
  page= 2;
  background(0);
  fill(#E01223);
  rect(10, 10, 100, 50, 10);
  textSize(25);
  fill(#050000);
  text("Menu", 20,40);
}

void Page2() { // bouton véhicules
  page= 3;
  background(0);
  fill(#E01223);
  rect(10, 10, 100, 50, 10);
  textSize(25);
  fill(#050000);
  text("Menu", 20,40);
 
}

void Page3() { // bouton circuits
  page= 4;
  background(0);
  fill(#E01223);
  rect(10, 10, 100, 50, 10);
  textSize(25);
  fill(#050000);
  text("Menu", 20,40);
}