let height;

​

let cylinderSpd = 0;

​

let waves = [];

let nums =5;

let img;

​

function preload() {

  img = loadImage('.jpg');

}

​

​

function setup() {

​

    width  = 400;

    height = 400;

​

    createCanvas(width , height,WEBGL);

​

    angleMode(DEGREES);

​

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

​

        let radius = 100;

        let deltaAngle = random(5,15);

        let amplitude = random(50,190);

        let c ='hsba('+map(i,0,nums,0,360)+',100%,90%,0.6)';

        let wave = new Wave(radius,deltaAngle,amplitude,c);

        waves.push(wave);

      }

​

}

function draw(){

​

   background(150);

​

​

   noStroke();

   fill(20);

​

   rotateY(cylinderSpd);

   cylinder(100,200);

​

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

         waves[i].display();

         waves[i].update();

     }

​

     cylinderSpd+=0.5;

​

​

}

​

​