let pg;

const barWidth = 1;

let lastBar = -55;

​

​

​

let mySound;

function preload() {

  soundFormats('mp3');

  mySound = loadSound('a/111.mp3');

}

​

function setup() {

  createCanvas(1000, 1000);

  pg = createGraphics(400, 250);

  capture = createCapture(VIDEO);

  capture.size(320, 320);

  capture.hide();

 let cnv = createCanvas(500, 500);

  cnv.mousePressed(canvasPressed);

  background(220);

}

​

function canvasPressed() {

  // playing a sound file on a user gesture

  // is equivalent to `userStartAudio()`

  mySound.play();

}

​

​

function draw() {

  fill(0, 12);

  rect(0, 0, width, height);

  fill(156,67,85);

  noStroke();

  ellipse(mouseX, mouseY, 500, 0.15);

​

  //pg.background(51);

  pg.noFill();

  pg.stroke(255);

  //pg.ellipse(mouseX - 150, mouseY - 75, 60, 60);

​

  //Draw the offscreen buffer to the screen with image()

  image(pg, 150, 75);

  image(capture, mouseX, mouseY, mouseX, mouseY);

​

    let whichBar = mouseX / barWidth;

  if (whichBar !== lastBar) {

    let barX = whichBar * barWidth;

    fill(mouseY, mouseX, height);

    rect(barX, 0, barWidth, height);

    lastBar = whichBar;

    filter(INVERT);

  }

   let panning = map(mouseX, 0., width,-1.0, 1.0);

   mySound.pan(panning);

}

​

function mousePressed() {

    let fs = fullscreen();

    fullscreen(!fs);

​

  }

function windowResized() {

 resizeCanvas(windowWidth, windowHeight);

}

​