I am trying to texturize some vertex objects with animated textures but it looks as if the different textures melts into eachother. The colors of the images gets 'sucked' up to the top of the screen.

The code I'm experimenting with is pretty straightforward.

Its a bunch of quads with separate textures rendered on top of eachother.

1. int numFrames = 11;
   int frame = 0;
2. PImage[] images = new PImage[numFrames];
3. 
   
4. void setup(){
5.     size(800, 600,P3D);
6.     frameRate(30);
7.       for(int i=0; i<numFrames; i++) {     
8.         String imageName = "test/test"+nf(i,2)+".jpg";      // images have names like 'test02.jpg'
9.         images[i] = loadImage(imageName);
10.       }
11. }
12. void draw(){
13.     background(0);
14.     if(frame>=numFrames-1){
15.         frame = 0;
16.     }
17.     frame++;
18.     drawTexture();
19. }
20. void drawTexture(){
21.     translate(width/2, height/2, -500);
22.     beginShape(QUADS);
23.         textureMode(NORMAL);
24.         texture(images[frame]);
25.         vertex(0,0,0,0);
26.         vertex(0,images[frame].height,0,1);
27.         vertex(images[frame].width,images[frame].height,1,1);
28.         vertex(images[frame].width,0,1,1);
29.     endShape();
30. }

This produces a most weird result where the texture appears to be sucked to one of the edges. I believe it has to do with the the previous texture(s) not being cleared and the new texture just appears on top of the old.

When i translate each quad horizontally it clearly shows that each texture has been corrupted.
Above is the image rendered as a texture on a vertex, below is the image rendered with image()




Any tips or ideas?