Learning Processing - Simple Circle Animation along Moving Mouse

We have introduced into Processing programming using two simple examples, [here] and [here]. These two examples take no input from the users, just drawing images (output). The following example will show you the basic input functions at Processing. Using mouseX and mouseY to obtain the integer coordinates of the mouse in the window.

We default the mouse location to the center at the beginning. width and height returns the width and height of the application window respectively.

// https://helloacm.com

void setup() {
  size(500, 500);
  background(0);
  mouseX = width / 2;
  mouseY = height / 2;
}

void draw() {
  float r = random(200);
  fill(random(255), random(255), random(255));
  ellipse(mouseX, mouseY, r, r);
}

mouse-circles Learning Processing - Simple Circle Animation along Moving Mouse