Hi, I apologise for asking such a basic question (I'm a newbie) but I can't quite see in my code where my problem of not being able to use mouseY interaction to increase the size of some rectangles. I want the rectangles to increase in height every time the mouse "touches" them.

I am using dist:

float distance = dist(mouseX,mouseY,xPos,yPos);    //?

Here is my code:

//float distance = dist(mouseX,mouseY,10,10);

float xPos=0;        //these are the initial coordinates/position of the row of rectangles but I want the mouse to be detected along all of them separately.
float yPos=250;

float w=100;
float h=100;
float xBase=150;
float yBase=150;

float increaseHeight=12.5;

void setup()
{
 size(500,500);
 background(255);
 smooth();
 stroke(0);
 strokeWeight(1);
}

void draw()
{
 //background(255);
 float distance = dist(mouseX,mouseY,xPos,yPos);    //shouldn't the xPos and yPos mean that wherever the rectangle is the mouse will affect it?
 
 fill(0,0,255);
 if (distance < 12.5)
 {
   rect(xPos,yPos,100,increaseHeight);    //?
   xPos=xPos+100;
   increaseHeight=increaseHeight+12.5;  //increase rectangle height when mouse "touches"
 }
 rect(xPos,yPos,100,increaseHeight);    // I have the rectangle outside and inside the if statement because I'm not sure which one it belongs inside?
 xPos=xPos+100;


 noFill();
 stroke(1);
 
   for(xBase=0; xBase<500; xBase=xBase + 100)
 {
   rect(xBase, yBase, w, h);
 }
}