How to make randomly placed ellipses loop in p5.js?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21

let ellipses = [];

function setup() {
  createCanvas(400, 400);
  for (let i = 0; i < 10; i++) {
    let x = random(width);
    let y = random(height);
    let w = random(20, 50);
    let h = random(20, 50);
    let ellipseObj = {x: x, y:y, w:w, h:h};
    ellipses.push(ellipseObj);
  }
}

function draw() {
  background(220);
  for (let i = 0; i < ellipses.length; i++) {
    let ellipseObj = ellipses[i];
    ellipse(ellipseObj.x, ellipseObj.y, ellipseObj.w, ellipseObj.h);
  }
}