Hi explopat,

What result do you want to achieve exactly ? I didn't understand your post clearly.

You're increasing the box_size each loop cycle, so that the images are bigger and bigger ?
Is it really what you want ?

Btw, you should load your images in setup() which is called once. So that you load your images in memory and then read from that memory (calling image() function) whenever you need to display that image.

1. PImage[] page;
2.  
3. void setup() {
4.       page = new PImage[12];
5.       for (int i=0; i<page.length; i++) {
6.             page[i] = loadImage(i + ".png");
7.       }
8. }
9.  
10. void draw() {
11.       // Display goes here
12. }
    

Thanks!

I'm trying to call an array of 12 png in the data folders (0.png, 1.png,....)  in order that they would be place in sequence on to the grid.

So : 0.png then 1.png, then 2.png  -->
next line 3.png, etc...

Something like that, sorry i don't have time to comment it :

1. int box_size;
   int margin;
   int column;
   int row;
   int cnt;
   
   PImage[] page;
   
   
   void setup() {
     size(600,500);
     background(255);
   
     page = new PImage[12];
     box_size = 25;
     margin = 7;
     column = (width-margin)/box_size;
     row = (height-margin)/box_size;
     cnt = 0;
   
     //Load Images in Memory
     for (int i=0; i<page.length; i++) {
       page[i] = loadImage(i +".png");
     }
    
     noLoop();
   }
   
   void draw() {
     for (int j=0; j<column; j++) {
       for (int k=0; k<row; k++) {
         image(page[cnt], (j*box_size), (k*box_size), box_size, box_size);
         cnt++;
         if(cnt%page.length ==0)cnt=0;
       }
     }
   }
   
   

Excellent!

Thanks very much.

It make everything much clearer.