let canvas;

function preload() {

  theShader = loadShader("shader.vert", "shader.frag");

}

​

function setup() {

  pixelDensity(1);

  canvas = createCanvas(windowWidth, windowHeight, WEBGL);

  pg = createGraphics(width, height, WEBGL);

​

  noStroke();

  console.log("DONE SET UP");

}

​

function draw() {

  push();

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

  console.log(theShader)

  pg.shader(theShader);

  theShader.setUniform("u_resolution", [width, height]);

​

  pg.rect(0, 0, width, height);

  image(pg, 0, 0);

  }

  pop();

}

​

function keyPressed() {

  console.log("S")

  canvas.drawingContext.deleteShader(theShader._vertShader);

canvas.drawingContext.deleteShader(theShader._fragShader);

  // canvas.drawingContext.deleteShader(theShader);

  pg.remove();

  pg = null;

  console.log("F")

}

​