Display an array of images in a grid?
in
Programming Questions
•
11 months ago
I am trying to grid a set of 64 images on the screen. I have been able to load the images in but can not figure out how to display them in a grid. This is the code so far...
PImage [] pic;
PImage original;
void setup() {
pic = new PImage[2];
for (int n=0; n<2; n++) {
pic [n] = loadImage("aerial_0"+n+".png");
println("aerial_0"+n+".jpg loaded");
original=loadImage("site_plan.png");
int frameWid=pic[n].width;
int frameHgt=pic[n].height;
int xnum=10;
int ynum=10;
int tileWid=int(frameWid/xnum);
int tileHgt=int(frameHgt/ynum);
size(1000,1000);
original.resize(1000,1000);
image(original,0,0);
}
void draw(){
/*int frameWid=pic.width;
int frameHgt=pic.height;
int xnum=10;
int ynum=10;
int tileWid=int(frameWid/xnum);
int tileHgt=int(frameHgt/ynum);*/
for (int i=0;i<=ynum;i++) {
for(int j=0;j<=xnum; j++) {
tint(255,120);
image(pic[n],((j*tileWid)+50),((i*tileHgt)+200),tileWid,tileHgt);
}
}
}
}
1