let height = 300;

​

​

​

let rings = [];

let nums = 60;

​

function setup() {

​

    createCanvas(width , height,  WEBGL);

​

    angleMode(DEGREES);

​

    rectMode(CENTER);

​

    ellipseMode(CENTER);

​

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

​

      let m = map(i,0,nums,0,1);

​

      let c =lerpColor(color(255),color(0),m);

​

      let ring = new Ring(0,0,i*5,c,i);

​

      rings.push(ring);

​

    }

​

​

​

}

function draw(){

​

      background(0);

​

      translate(0,0,200);

​

      rotateX(25);

​

      for(let i=0; i<rings.length; i++){

        rings[i].display();

        rings[i].update();

      }

​

}

​

​