hey i has a method that allows the user to click hold and drag the screen across and translates the screen, there is also a zoom function. nodes are created and stored in an arraylist which are basically rects with text are created and move with the screen as required. the problem is a mouse over function doesnt translate with then (the nodes actual x,y,h,w). the zoom works because its a decimal number multiplied by the x,y so on.

The draw in the main program and translate functions

1. void draw()
   {
     background(255,255,255);
     scale(zoom);
     translate(centerX,centerY);
     Node firstNode = (Node) nodes.get(0);
     firstNode.formatNode();
     firstNode.draw();
     firstNode.mouseOver();
    
     if (mousePressed == true && overNode == false)
     {
       centerX = mouseX-distanceX;
       centerY = mouseY-distanceY;
     }
   }
2. void mouseWheel(int direction)
   {
     if(direction == -1)
     {
       zoom += 0.1;
     }
     else if(direction == 1)
     {
       zoom -= 0.1;
     }
   }
   
   void mousePressed()
   {
     cursor(MOVE);
     distanceX = mouseX-centerX;
     distanceY = mouseY-centerY;
   }

in the node class the mouseOver starts with this

1. if(mouseX > ((x)*zoom) && mouseX < ((x + w)*zoom) && mouseY > ((y)*zoom) && mouseY < ((y + h)*zoom))
    
   

it takes the border or the rect and multiplies by the zoom but i not sure how the click drag effects them. ive tried multiplyin by centerX and centerY but this didnt work logically im confused any suggestions?