Hello!

I have a 2-dimensional array of 1's and 0's that I'm trying to draw (where each item in the array is a square on the screen) but whenever I try to assign or read from the array I get an OutOfBonds error.

Code:

int inc = 10;
color on = color(204, 102, 0);
color off = color(153);
int[][] boxes = new int[width/10][height/10];

void setup() {
      size(351, 351);
      //println(width/10);   35
      //println(height/10);  35
      drawGrid();
}

void draw() {
      drawGrid();
}

void drawGrid() {  
    for (int x=0; x<boxes.length; x++) {       // cycle 0-35
        for (int y=0; y<boxes.length; y++) {   // cycle 0-35
            if (boxes[x][y] == 1) {            // the cell is active  
                fill(on);                      // set color to on
                  }
            else {
                        fill(off);                     // set color to off
                  }
            
                  println(x + " " + y);              // print array positions
            rect(x*10, y*10, 10, 10);          // draw the rectangle
        }  
    }  
}

void mousePressed() {
      int arrayX = int(mouseX/10);
      int arrayY = int(mouseY/10);
      
      // swap values
      if (boxes[arrayX][arrayY] == 0) {
            boxes[arrayX][arrayY] = 1;
      }
            
      else {
            boxes[arrayX][arrayY] = 0;
      }
} 

Edit: The OutOfBonds error happens whenever I click somewhere (even though it should technically work since the "outOfBonds" is on a number that exists (in this case, between 0 and 35))

Also, the Grid is not displayed at all. I'm thinking it has something to do with the *10 in the rect() ?

Any ideas? Thanks!

That fixed the OutOfBonds error, that's a good thing! The boxes / rect() still aren't displayed though!

Thanks for the help, I can probably figure it out from here!