Hello,

very new to processing and only little programming experience here. I'm trying to have a 2d grid with cells that change colour once I click them. My code basically works, but  the execution seems to be very glitchy. Sometimes I need to click my mouse several times until a gridcell finally constantly changes its colour. Does anyone a more reliable coding solution for this?


 Ideally I should also be able to hold down the mousebutton and draw, but this doesn't work at all here.

1. Cell[][] grid;
   int cols = 20;
   int rows = 20;
   int cellsize = 20;
   
   
   void setup() {
     size(rows*cellsize,cols*cellsize);
     grid = new Cell[cols][rows];
     for (int i = 0; i < cols; i++) {
       for (int j = 0; j < rows; j++) {
         // Initialize each object
         grid[i][j] = new Cell(i*cellsize,j*cellsize,cellsize,cellsize, true, false);
       }
     }
   }
   
   
   
   void draw() {
     background(0);
    
     for (int i = 0; i < cols; i++) {
       for (int j = 0; j < rows; j++) {
        
    
       grid[i][j].overcell();
       grid[i][j].pressed();
       grid[i][j].display();
      
        
       } 
        
     }
     
   }
    
    
    
   
    
    //void update() {
    //if Cell.rollover
    
    
   class Cell {
     float x,y;   // x,y location
     float w,h;   // width and height
     boolean p; //walkable?
     boolean over;
    
     // a constructor which gives initial values once class is called!
     Cell(float tempX, float tempY, float tempW, float tempH, boolean tempP, boolean tempOver) {
       x = tempX;
       y = tempY;
       w = tempW;
       h = tempH;
       p = tempP;
       over = tempOver;
      
     }
    
     void pressed() {
       if(over && mousePressed) {
         p = !p;  
       }
     }
    
    
     void overcell() {
       if (rollover() == true) {
         over = true;
       } else {
         over = false;
       }  
     }
    
    
     boolean rollover() {
       if(mouseX >= x && mouseX <= x + w && mouseY >= y && mouseY <= y + h) {
         return true;
       } else {
         return false;
       }
     }
   
    
     void display() {
       stroke(255);
       // Color calculated using sine wave
       if (p == true){fill(127);} else {fill(0);};
       rect(x,y,w,h);
     }
    
   
   
   }