let latestData = "waiting for data";

let easing = 0.05;

let targetSize = 100;

let currentSize = 100;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function readSerial(data) {

  console.log(data);

  latestData = data.trim(); // Trim any whitespace from the data

}

​

function draw() {

  background('#FAE1DD');

  textSize(30);

  textFont('palegreen')

​

​

  if (!serialActive) {

    text("Press Space Bar to select Serial Port", width/2, height/2);

  } else {

    text("Connected", 20, 30);

​

    let sensorValue = parseInt(latestData);

​

    if (sensorValue === 1) {

      targetSize = random(150, 200); // Target a larger size when sound is detected

    } else {

      targetSize = 100; // Target the base size when no sound is detected

    }

​

    // Easing for smoother size transition

    currentSize += (targetSize - currentSize) * easing;

​

    // Use currentSize to draw the pattern

    drawPattern(windowWidth / 2, windowHeight / 2, currentSize, color(153, 102, 255));

  }

}

​

function keyPressed() {

  if (key == ' ') {

    // Code to start the serial connection

    setUpSerial();

  }

}

​

function drawPattern(x, y, size, col) {

  fill(col);

  noStroke();

  ellipse(x, y, size, size);

}

​

// Resize canvas when the window is resized

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

}