J'ai été fabriquer mon portail cher un ami forgeron. Pour faire très simple et rapide son voisin est une tête de c… qui passe ces journées a le harceler . Pour évacuer mon stress en fin de journée je me suis pondu ça :

têteAClaque.pde

PImage a;
PImage d;
PImage b;
PImage c1;
PImage c2;
PImage win;
int savedTime;
int totalTime = 1500;
int x=1024;
int y=512;
float xi=0;
float yi=0;
int t=160;
boolean u = false ;
 
void setup (){
  size (x, y);
  a = loadImage ( "fond.jpg");
  d = loadImage ( "decor.png");
  b = loadImage ( "perso.png");
  c1 = loadImage ( "c1.png");
  c2 = loadImage ( "c2.png");
  win = loadImage ( "win.png");
  savedTime = millis();
 
}
 
 
 
 
void draw (){
  noCursor();
  int passedTime = millis() - savedTime;
  if (passedTime > totalTime) {
    xi= random (x-b.width);
    if (xi<16){yi=150;}
    if ((xi>15) && (xi<600)){yi=200;}
    if (xi>599){yi=70;}
    println (xi);
    u = false;
    savedTime = millis();
  }
  image (a, 0, 0, x, y);
  image (b, xi, yi);
  image (d, 0, 0, x, y);
  //image (c1, mouseX-c2.width/2,mouseY-c2.height/2);
  //cursor (c1, 20, 20);
  if (u == true){
    //image (win,352,28);
    image (win, 45, 45);
    //savedTime = millis() + 2000;
  }
 
  if (mousePressed == true){
    image (c2,mouseX-c2.width/2,mouseY-c2.height/2);
    //cursor (c2, 20, 20);
//    println (mouseX);
  //  println (xi);
    if ((mouseX>xi+30) && (mouseX< xi+t)){
     if ((mouseY>yi+30) && (mouseY< yi+t)){
       u = true ;
       //delay (2000);
       savedTime = millis();
      }}}
  else {image (c1, mouseX-c2.width/2,mouseY-c2.height/2);}
}

Je vous laisse le plaisir d' y mettre vos images. Il faut juste respecter la taille du fond, les transparences et la ligne d' horizon du décor (sinon adapter les 3 'if' après “ xi= random (x-b.width); ” .

fond.jpg 512x255 pixels
decor.png 512x255 pixels
perso.png 168x141 pixels
c1.png 40x80 pixels (main ouverte)
c2.png 40x80 pixels (main fermée)
win.png 320x200 pixels