​

function setup() {

  createCanvas(280, 280);

  //background(200);

  frameRate(5);

  let x = 0

  let y = 0

  // for (x=5; x < width; x += 40) {

  //   for (y = 15; y < height; y +=40) {

  //     fill(random(255), random(255), random(255), random(255));

  //     rect(x,y,random(80));

  //     rotate(angle)

  //   }

  // }

}

//   for (x=20; x < width; x += 40) {

//     for (y = 30; y < height; y +=40) {

//       fill(random(255), random(255), random(255), random(255));

//       ellipse(x,y,random(80));

//     }

//   }

​

​

​

function draw() {

  for (x=5; x < width; x += 40) {

    for (y = 15; y < height; y +=40) {

      fill(random(255), random(255), random(255), 50);

      rect(x,y,random(80));

    }

  }

  for (let a=0; a<radians(360); a+=radians(30)) {

    push();

    translate(140,140);   // move origin to center

    rotate(a);                      // rotate each by 30º

    translate(0, 80);              // then offset vertically

    rotate(angle);                 // spin around the other way!

    ellipseMode(CENTER);

    fill(random(255), 0,random(255),200);

    ellipse(0,0,random(35));

    pop();

  }

//   if (mouseIsPressed === true) {

//     ellipse(random(255), random(255), random(255), random(255));

//   } 

}