My Sketch

let playMode = 'restart';

​

let capture;

​

//buttons

let downbutton;

let fatebutton;

let towbutton;

​

let fatevid;

​

var scene = 1;

​

var amp;

var level;

​

​

​

function preload (){

  //music

  down = loadSound ('down.mp3');

  fate = loadSound ('fate.mp3');

  TOW = loadSound('TOWF.m4a');

  //images

  downcov = loadImage ('downcov.png');

  fatecov = loadImage ('fatecov.png');

  tugcov = loadImage ('tugcov.JPEG');

  //video

  fatevid = createVideo ("fatevid.mp4") ;

    fatevid.hide();

  one = loadImage('1.png');

  three = loadImage('2.png');

  two = loadImage('3.png');

   capture = createCapture({

    audio: false,

    video: { width: 320, height: 240 } 

  }, 

    function() { //creating a function

    console.log('capture ready.'); //letting user know webcam works at the bottom

  });

    capture.hide();

}

​

​

function setup() {

  createCanvas(600, 600);

  amp = new p5.Amplitude();

  imageMode (CENTER);

​

  noStroke();

  fill(255, 132, 0);

  button = createButton("stream here");

  button.position(250, 500);

​

}

​

function link1() {

  window.open("https://unitedmasters.com/m/5f7513d76ac7de715a9970b5")

}

function link2() { window.open("https://unitedmasters.com/m/60118a086ac7de1faa80be73")

}

function link3() {

  window.open("https://tr.ee/VaO7-kxbXU")

}

​

function draw() {

  background(220);

  level = amp.getLevel();

  if (scene == 1){

    drawscene1();

​

  }

  if (scene == 2){

    drawscene2();

  }

  if (scene == 3){

    drawscene3();

  }

}

​

function keyPressed(){

   if (key == '0'){

     scene = 0;

     // songs always go in keyPressed not draw

     // you may want to reset the songs

   }

   if (key == '1'){

    scene = 1;

    down.play();

    fatevid.stop();

    TOW.stop();

    resetscene1();

   }

  if (key == '2'){

    scene = 2;

    fate.play();

    fatevid.loop();

    down.stop();

    TOW.stop();

    resetscene2();

   }

  if (key == '3'){

    scene = 3;

    TOW.play();

    down.stop();

    fatevid.stop();

    resetscene3();

}

  if (key == "p"){

    down.stop();

        fate.stop();

        TOW.stop();

  }

​

}

​

function drawscene1(){

  background(207, 182, 219);

  tint(184, 126, 230);

  image(capture, 300, 300, 500, 400);

  noTint();

  capture.loadPixels();

  let stepSize = 10;

  for (let y = 100; y < 500; y += stepSize) {

    for (let x = 51; x < 553; x += stepSize) {

      const i = y * 5 + x;

      const darkness = (150 - capture.pixels[i * 2]) / 255;

      const radius = stepSize * darkness;

      rect(x, y, radius, radius);

    }

  }

​

  button.mousePressed(link1);

  image(downcov, 100, 100, 150, 150);

  image(downcov, 100, 100, 100, 100);

  image(downcov, 100, 100, 50, 50);

  image(downcov, 500, 500, 150, 150);

  image(downcov, 500, 500, 100, 100);

  image(downcov, 500, 500, 50, 50);

  image(one, 500, 60, 270, 250);

}

​

function drawscene2(){

  background(20,20,100);

​

  noStroke()

  fill(255)

  circle(30, 40, level*200);

  circle(45, 40, level*300);

  circle(55, 40, level*350);

  circle(70, 40, level*300);

  circle(85, 40, level*200);

  circle(350, 60, level*300);

  circle(370, 60, level*400);

  circle(390, 60, level*500);

  circle(405, 60, level*400);

  circle(425, 60, level*300);

  circle(50, 150, level*200);

  circle(70, 150, level*300);

  circle(90, 150, level*400);

  circle(105, 150, level*300);

  circle(125, 150, level*200);

  circle(445, 150, level*300);

  circle(465, 150, level*400);

  circle(485, 150, level*500);

  circle(500, 150, level*400);

  circle(520, 150, level*300);

  circle(450, 350, level*300);

  circle(470, 350, level*400);

  circle(490, 350, level*500);

  circle(505, 350, level*400);

  circle(525, 350, level*300);

  circle(50, 450, level*300);

  circle(70, 450, level*400);

  circle(90, 450, level*500);

  circle(105, 450, level*400);

  circle(125, 450, level*300);

  circle(350, 500, level*300);

  circle(370, 500, level*400);

  circle(390, 500, level*500);

  circle(405, 500, level*400);

  circle(425, 500, level*300);

​

  level = amp.getLevel()

  //print(level);

  size = map(level, 0, 0.21, 100, 500);

  image(fatecov, 300, 300, 400, 400);

  image(two, mouseX, mouseY, 300, 230);

​

  button.mousePressed(link2);

​