broken sketch

//p5.js shader basic structure ref from https://www.openprocessing.org/sketch/920144

​

let theShader;

let SEED;

​

function preload() {

  theShader = new p5.Shader(this.renderer, vert, frag)

}

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

  // createCanvas(1920, 1080, WEBGL);

  noStroke()

  background(0);

  SEED = random(100);

}

​

function draw() {

  shader(theShader)

  theShader.setUniform('u_resolution', [width / 1000, height / 1000])

  theShader.setUniform('u_time', millis() / 1000)

  theShader.setUniform('u_mouse', [mouseX / width, mouseY / height])

  theShader.setUniform('u_col', [1.0, 1.0, 1.0])

​

  randomSeed(SEED);

​

  background(255);

​

  translate(-width / 2, -height / 2);

  rect(0, 0, width, height);

​

​

​

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

    push();

    translate(random(0, width), random(0, width));

    scale(randomGaussian() * random(1, 20), randomGaussian() * random(1, 20));

    rect(0, 0, 20, 20);

    pop();

  }

​

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

    theShader.setUniform('u_id', i)

    push();

    translate(width / 2, height / 2);

    noiseWave();

    pop();

  }

​

  // noLoop();

}

​

​

function noiseWave() {

  let steps = 100;

  let radius = 100;

​

  push();

  shader(theShader)

  beginShape();

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

    let step = TWO_PI / steps;

    let x = sin(step * i) * radius;

    let y = cos(step * i) * radius;

    let u = map(x, -radius, radius, 0, 1);

    let v = map(y, -radius, radius, 0, 1);

​

    vertex(x, y, u, v);

  }

  endShape();

  pop();

}