let fr = 3;
let circle_xs = [];
let circle_ys = [];
let num_of_circles = 500

function setup() {
  // const black = color(0, 0, 0);
  // const white = color(255, 255, 255);

  createCanvas(400, 400);
  background(220);
  frameRate(fr);
  
  for (var i = 0; i < num_of_circles; i++) {
    var circle_x = random(400);
    var circle_y = random(400);
      circle_xs.push(circle_x);
      circle_ys.push(circle_y);
  }
}

function draw() {
  background(220);
    for (var i = 0; i < num_of_circles; i++) {
      circle_x = circle_xs[i];
      circle_y = circle_ys[i];
      circle(circle_x, circle_y, 5);
  }
}

function mouseDragged() {
  console.log({mouse_drag: [mouseX, mouseY]})
  // prevent default
  return false;
}

function mouseReleased() {
  console.log({mouse_release: [mouseX, mouseY]})
}

function mousePressed() {
  console.log({mouse_press: [mouseX, mouseY]})
}