tug of war visualizer!

var TOW, cover, LJ, button, amplitude, bg_colors;

​

function preload (){

  TOW = loadSound('TOW.mp3');

  cover = loadImage('tugcov.JPEG');

  LJ = loadImage('lilajai.png');

  bg_colors = [color(153, 45,9), color(227, 81, 32), color(130, 93, 81) ,color(217, 169, 132),color(128, 4, 8)]

}

​

function setup() {

  createCanvas(400, 400);

  TOW.play();

  amplitude = new p5.Amplitude();

  imageMode(CENTER);

  frameRate(20)

  noStroke()

  //button

  button = createButton("stream here");

  button.position(690, 490);

  button.mousePressed(link);

}

​

function link() {

  window.open("https://linktr.ee/lilajai")

}

​

function draw() {

  background(242, 237, 225);

​

  level = amplitude.getLevel()

  print(level);

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

  fill(random(bg_colors));

  circle(50, 50, level*200)

  circle(200, 50, level*40)

  circle(50, 200, level*40)

  circle(50, 350, level*200)

  circle(350, 50, level*200)

  circle(350, 200, level*40)

  circle(200, 350, level*40)

  circle(350, 350, level*200)

  image(cover, 200, 200, 200, 200);

  image(LJ, mouseX+30, mouseY+30, 50, 50)

​

}