  if (keyObject.isPressed) return;
    const rotation = keyObject.color === "white" ? 2 : 3.5;
    animate(keyObject.key, "rx", 0, rotation, 100, "easeInOutQuad", () => {
      playNote(keyObject.id);
      keyObject.isPressed = true;
    });
    if (keyObject.playersColliding.size === 0) {
      setTimeout(() => keyRelease(keyObject), 100);
    }
  }

  function handleClickOnKey(id) {
    const keyObject = keyboard.get(id);
    keyPress(keyObject);
  }

  function createKeys() {
    let xPosition = 0;
    