let debounceDelay = 10; // 1 second; adjust as needed

let latestData = "waiting for data";

​

function setup() {

  createCanvas(windowWidth, windowHeight);

​

}

function readSerial(data) {latestData=data;

  console.log(data);

  // Add your logic here for what to do with the data

}

​

function draw() {

  if (!serialActive) {

    text("Press Space Bar to select Serial Port", 20, 30);

  } else {

    text("Connected", 20, 30);

    background(255); // White background

​

   if (parseInt(latestData) === 1) {

    let currentTime = millis();

    if (currentTime - lastTimeSoundDetected > debounceDelay) {

      // Sound detected - draw a visually appealing pattern

      drawPattern(windowWidth / 2, windowHeight / 2, random(100, 200), color(153, 102, 255));

      lastTimeSoundDetected = currentTime;

    }

  } else {

    // No sound - draw a different pattern

    drawPattern(windowWidth / 2, windowHeight / 2, 100, color(255, 255, 255, 100));

  }

  }

}

​

function keyPressed() {

  if (key == " ") {

    // important to have in order to start the serial connection!!

    setUpSerial();

    serialActive = true; // Update this based on your serial connection logic

  }

}

​

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);

}