let keys = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '0'];

let animations = [];

​

function preload() {

  // Load your sound files

  for (let i = 0; i < 10; i++) {

    let sound = loadSound(`sound${i+1}.mp3`); // Make sure your sound files are named correctly

    sounds.push(sound);

  }

}

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(0);

}

​

function draw() {

  animations.forEach((anim, index) => {

    if (anim.active) {

      // Simple animation example: draw a circle

      fill(random(255), random(255), random(255));

      ellipse(random(width), random(height), random(50, 100));

      anim.frames++;

      if (anim.frames > 30) {

        animations[index].active = false; // Stop the animation after 30 frames

      }

    }

  });

}

​

function keyPressed() {

  let keyIndex = keys.indexOf(key);

  if (keyIndex !== -1) {

    if (!sounds[keyIndex].isPlaying()) {

      sounds[keyIndex].play();

      animations[keyIndex] = {active: true, frames: 0}; // Start animation

    }

  }

}

​

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

}

​