Adding and moving independent images.

rafagarces

Hi, I'm new in Processing and need some help...

I want to make a composition with four independent images and I'm having some problems:

1. What can I do to make a single image and that doesn't appear another one every time I press?
2. How can I add multiple images in a particular position?

Thanks!

---

float x1 = 222;
float y1 = 319;
float sx = 222;
float sy = 319;

color bgcolor;

PImage arriba_izquierda;
PImage arriba_derecha;
PImage abajo_izquierda;
PImage abajo_derecha;
PImage fondo;

void setup() {
  size(1024, 768);
  noStroke();
  arriba_izquierda = loadImage("arriba_izquierda.png");
  arriba_derecha = loadImage("arriba_derecha.png");
  abajo_izquierda = loadImage("abajo_izquierda.png");
  abajo_derecha = loadImage("abajo_derecha.png");
  imageMode(CENTER);
  bgcolor = color(random(255), 150, 255);
  background(bgcolor);

}  
void draw()   {
    if(mouseX > x1-sx/2 && mouseX < x1+sx/2 && mouseY > y1-sy/2 && mouseY < y1+sy/2) { // Para definir el área de la imagen
      cursor(HAND);
      tint(0, 125, 200, 126);
    } else {
      noTint();
      cursor(ARROW);
    }
   if(mousePressed) { 
     cursor(MOVE);
      x1 = mouseX;
      y1 = mouseY;
    }
  tint(0, 125, 200, 100);
  image(arriba_izquierda, x1, y1);
}