Hey everybody. I am trying to build the following code in processing. I am trying basically to zoom in, by clicking the mouse button, into 4 png's from the CENTER of them. I can't do it since the imageMode works only with the CORNERS or CORNER of the image. I am also attaching my code.Thanks in advance


CODE:

PImage a;
PImage b;
PImage c;
PImage d;
int m=0;
int n=0;

void setup() {
 size(640,480);
 a = loadImage("1.png");
 b = loadImage("2.png");
 c = loadImage("3.png");
 d = loadImage("4.png");
}

void draw() {
 background(255);
 imageMode(CORNERS);
 image(a, m/4,n/4);
 image(b, m/3, n/3);
 image(c, m/2, n/2);
 image(d, m, n);
}

void mousePressed() {
 m+=10;
 n+=10;
 redraw();
}

Hey!Thanks for the quick reply!Well the pngs are not exactly as u drew them so below i have a rough sketch...
And to be more specific what my project is about is to have a projector showing these pngs which they are going to be a perpective theatre. When someone steps in front of the projector the colour of his cast shadow will be tracked by JMyron and it will start to zoom in. When the first png starts to zoom in it will zoom till the edge of the screen and it will be lost the second will continue zooming in and will be lost at the edge of the screen and so on.

|-----------1-----------|
||----------2----------||
|||---------3---------|||
||||--------4--------||||
||||                 ||||
||||                 ||||
||||                 ||||
||||                 ||||
||||                 ||||
||||                 ||||

Unforunately when i preview my sketch above it is a bit misleading but try to imagine that all the right side vertical lines are one below the other and no scattered in the middle of the sketch.

I also include the code u sent me.

CODE:
PImage a;  
PImage b;  
PImage c;  
PImage d;  
int scaleBy = 1;  
// This assumes the images have the same width and height,  
// and that this is the actual size of the images you want  
// to draw.  
int imgWidth = 10, imgHeight =10;  
 
void setup() {  
 size(640,480);  
 a = loadImage("1.png");  
 b = loadImage("2.png");  
 c = loadImage("3.png");  
 d = loadImage("4.png");  
}  
 
void draw() {  
 background(255);  
 translate(width/2,height/2);  
 scale(scaleBy);  
 image(a,-imgWidth, -imgHeight);  
 image(b,0,-imgHeight);  
 image(c,-imgWidth,0);  
 image(d,0,0);  
}  
 
void mousePressed() {  
 scaleBy += 0.1;  
}

Thanks very much!