let isPlaying=true;

​

function preload() {

  soundFormats('mp3', 'ogg');

  soundFile = loadSound('BeepBox-Song3.mp3');

}

​

function setup() {

  createCanvas(600, 600);

  angleMode(DEGREES);

  frameRate(12);

  soundFile.play();

​

}

​

function draw() {

 background(0);

  //Chaos(radius,num,trans,linePoint,wave)

  //the inner most

  Chaos(0.5, 250, 780, 50, 0.7);

  Chaos(1, 350, 150, 70, 0.9);

  Chaos(1.5, 300, 90, 200, 1.4);

  Chaos(2, 550, 60, 100, 1.5);

  Chaos(3, 400, 50, 250, 2);

  //the outer most

  Chaos(3.5, 600, 20, 350, 4);

    if (mouseIsPressed){

    if(isPlaying){

       soundFile.stop(); 

      isPlaying=false;

    }else{

      soundFile.play();

      isPlaying=true;

    } 

  }

}

​

​

​

function Chaos(radius, num, trans, linePoint, wave) {

  x = random(150, 600);

  y = random(150, 600);

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

    let Noise = num * noise(frameCount / 1000 + i / 100, millis() / 1500);

//image(extraCanvas,0,0);

    rotate(600 / num);

    circle(x, y, radius);

​

    line(linePoint, Noise, 0, Noise * wave);

    stroke(Noise * wave/2, i * 0.7, Noise * wave*2, trans); //line color

    strokeWeight(2.5);

  }

}

​