const circles = []

const totalCircles = 60

const initial = 0

​

function setup() {

  createCanvas(400, 400);

  // noFill();

  for (let i = 0; i++ < totalCircles;) {

    circles.push(new Circle(initial + 20 * i, random(initial, initial + 20)))

  }

}

​

function draw() {

  // background(220);

  circles.forEach(circle => {

    circle.update()

    circle.display()

  })

}

​

class Circle {

  constructor(x, y) {

    this.pos = createVector(x, y)

    this.counter = 0

  }

  update() {

    if (this.counter > 20) {

      this.pos.add(1, -60)

      this.counter = 0

    }

    this.pos.add(1, 6)

    this.counter++

  }

  display() {

    ellipse(this.pos.x, this.pos.y, 20)

  }

}