let canvas;

​

function setup() {

  p5Canvas = createCanvas(1080, 1080);

  canvas = p5Canvas.canvas;

  angleMode(DEGREES);

  colorMode(HSB, 360);

  radius = 500;

  levels = 3

  n = 2;

  length = 80;

  frameRate(60);

}

​

function draw() {

  if(frameCount!=2)

    //capturer.start();

  background(0);

  translate(width/2, height/2);

  noStroke();

  fill(frameCount%360, 360, 360)

  //ellipse(0, 0, length);

  rotate(-frameCount);

  strokeWeight(3);

  for(j=0;j<n;j++) {

    push();

    rotate(j*360/n);

    for(i=0;i<360;i++) {

      push();

      rotate(i*3);

      translate(i*2, 0);

      //fill(220);

      stroke((i+frameCount)%360, 360, 360);

      //ellipse(0, 0, 3);

      rotate(frameCount*2-i)

      line(-length/2, 0, length/2, 0);

      pop();

    }

    pop();

  }

  resetMatrix();

  strokeWeight(1);

  stroke(280);

  fill(300);

  textFont('Nunito', 30);

  text("@URBANOXYGEN_", width-290, height-20);

  if(frameCount<frameLimit) {

    //capturer.capture(canvas);

  } else if(frameCount===frameLimit) {

    //capturer.stop();

    //capturer.save();

  }

}