function preload() {

    font1 = loadFont('Orbitron-VariableFont_wght.ttf');}

​

​

var t;

​

function setup() {

  createCanvas(800, 800);

  background(9, 0, 155,);

  stroke(0, 10);

  noFill();

  t = 0;

  }

​

function draw() {

let font;

let hr = hour();

let mn = minute();

let sc = second();

  //rectangle

  fill(200, 18, 94);

  noStroke();

  rect(270,380, 260, 60, 20);

​

  //time

  fill(9, 0, 155);

  textSize(48);

  textAlign(CENTER,CENTER);

  textFont (font1);

  text(hr + ':' + mn + ':' +sc, width/2, height/2);    

  //bg

  stroke(0, 10);

  stroke(14, 62, 218, 40);

  fill (237, 31, 65, 4);

  translate(width/2, height/2);

  beginShape();

  for (var i = 120; i < 320; i++) {

    var ang = map(i, 0, 200, 0, TWO_PI);

      var rad = 200 * noise(i * 0.41, t * 0.005);

      var ang2 = map(i, 0, 900, 0, TWO_PI);

      var rad = 450 * noise(i * 0.01, t * 0.005);

    var x = rad * cos(ang);

    var y = rad * sin(ang);

    curveVertex(x, y);   }

     {endShape(CLOSE)

      t += 1;

  if (frameCount % 200 == 900) {

    background(9, 0, 155);

  }

  }

}

​

​