constructor(radius, step) {

    this.originalRadius = radius;

    this.radius = radius;

    this.step = step;

  }

​

  draw() {

      let color = map(this.radius, 10, this.originalRadius, 5, 255);

      stroke(0, color, 150);

      noFill();

      beginShape();

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

        let x = this.radius * cos(a) + random(-3, 3)  * 5;

        let y = this.radius * sin(a) + random(-3, 3)  * 5;

        vertex(x, y);

      }

      endShape(CLOSE);

​

      if (this.radius < 5) {

        this.radius = this.originalRadius;

      } else {

        this.radius -= this.step;

      }

  }

}

​

​

let rings = [];

let ringInterval;

let numRings = 16;

​

function setup() {

  createCanvas(600, 600);

  angleMode(DEGREES);

  ringInterval = setInterval(addRing, 900);

}

​

function draw() {

  background(0);

  translate(width / 2, height / 2);

  rings.forEach(ring => {

    ring.draw();

  });

}

​

function addRing(){

  if(rings.length < numRings){

    let ring = new Ring(300, 0.5);

    rings.push(ring);

  }else{

    clearInterval(ringInterval);

  }

}