BImage img1,img2;
float angle;

void setup() {
  size(300,300);
  img1=loadImage("icon_proce55ing.gif");
  img2=loadImage("icon_smiley.gif");
  framerate(20);
}

void loop() {
  background(0);
  noStroke();
  
  angle+=0.15;
  
  // First quad
  
  push(); // store world coordinates
  translate(100,150); // translate to correct position
  rotateX(angle);
  rotateY(angle*1.375);
    
  beginShape(QUADS);
  texture(img1); // Set img1 as texture for this shape
  
  // these are the vertices for the quad
  // the first 3 coordinates are X,Y,Z
  // the last 2 coordinates are the U,V texture coordinates
  // U,V are coordinates of the image to be used as a texture
  vertex(-50,-50,0, 0,0);
  vertex(50,-50,0, 30,0);
  vertex(50,50,0, 30,30);
  vertex(-50,50,0, 0,30);
  endShape(); 
  pop();


  // Second quad

  push();
  translate(200,150);
  rotateX(-angle);
  rotateY(-angle*1.375);
  
  beginShape(QUADS);
  texture(img2);
  vertex(-50,-50,0, 0,0);
  vertex(50,-50,0, 30,0);
  vertex(50,50,0, 30,30);
  vertex(-50,50,0, 0,30);
  endShape(); 
  pop();

}