​

function initOverlay() {

  buffer = createGraphics(width, height);

}

​

function drawOverlay1() {

buffer.background(0);

​

  buffer.fill(138);

  // Shape Maker

  buffer.beginShape(); 

  var cavexoff = 1;       

  var cavexoff = caveyoff; 

  // 

  for (var cavex = 0; cavex <= width; cavex += 10) {

    // Calculate a y value according to noise, map to 

    // Layer1

    var cavey = map(noise(cavexoff, caveyoff), 0, 1, 400,1000);

​

    //Parallax 1

    var cavey = map(noise(cavexoff), 0, 1, windowWidth,windowHeight);

    // Set the vertex

    buffer.vertex(cavex, cavey); 

    buffer.vertex(cavex+2,cavey-1);

    buffer.vertex(cavex+70,cavey-800);

    // x distort

    cavexoff += 0.05;

  }

  // distort y 

  caveyoff += 0.05;

 buffer.vertex(width, height);

  buffer.vertex(0, height);

  buffer.endShape(CLOSE);

  buffer.noFill(); 

  //CAVE

  // 

  for (var cavex = 0; cavex <= width; cavex += 10) {

    // Calculate a y value according to noise, map to 

    // Layer2

    var cavey = map(noise(cavexoff, caveyoff), 0, 1, 400,1000);

​

    //Parallax 2

    var cavey = map(noise(cavexoff), 0, 1, 1000,600);

    // Set the vertex

    buffer.vertex(cavex, cavey); 

    buffer.vertex(cavex+50,cavey+20);

    buffer.vertex(cavex+170,cavey-700);

     //distort x

    cavexoff += 0.05;

 }

  // creating distort y 

  caveyoff += 0.05;

  buffer.vertex(width, height);

  buffer.vertex(0, height);

  buffer.endShape(CLOSE);

  buffer.noFill() 

 }

​

​

function drawOverlay2() {

  buffer.background(0);

  buffer.colorMode(HSB);

​

  let spectrum = fft2.analyze();

​

  buffer.beginShape();

  //stroke(255)

  for (i = 0; i < spectrum.length; i++) {

    var amp = spectrum[i]*0.8;

    var y = map(amp, 0, 255, height, 0);

    buffer.fill (i, 200, 100);

    buffer.rect(i*sw, y, sw-2, height - y);

  }

  buffer.endShape();

}

​

​

function drawOverlay3() {

  buffer.background(0);

​

  let spectrum = fft.analyze();

​

  buffer.beginShape();

  buffer.stroke(255)

  for (i = 0; i < spectrum.length; i++) {

    var amp = spectrum[i]*0.8;

    var y = map(amp, 0, 255, height, 0);

    buffer.line(i*sw, height, i*sw, y);

  }

  buffer.endShape();

}