let beat = 60;  

let sb = beat - 20; // set initial syncopation beat

​

function preload() {

  sounds.push(loadSound('disonant-celestial-108460.mp3'));

sounds.push(loadSound('wind-chimes-2-199848.mp3'));

   sounds.push(loadSound('aaahh-14422.mp3'));

  sounds.push(loadSound('soft-piano-100-bpm-121529.mp3'));

  sounds.push(loadSound('dramatic-guitar-82852.mp3')); 

}

​

function setup() {

  noCanvas();

}

​

function draw() {

  let totalDurationInFrames = 3600;  // 60 seconds * 60 frames per second

​

  // if the total frames reach 3600, stop playing

  if (frameCount >= totalDurationInFrames) {

    noLoop();

    return;

  }

​

  // Gradually decrease the volume for the note sounds

  let soundVolume = map(frameCount, 0, totalDurationInFrames, 1, 0.2);

​

  // Gradually increase the volume of the guitar sound

  let guitarVolume = map(frameCount, 0, totalDurationInFrames, 0, 1.5);

​

  // main beat - play the first sound and the guitar

  if (frameCount % beat == 1) {

    sounds[0].setVolume(soundVolume); 

    sounds[0].rate(1);  

    sounds[0].play();

​

    sounds[4].setVolume(guitarVolume);

    sounds[4].rate(1);  

    sounds[4].play();

  }

​

  // syncopated beat for second sound (1/2 beat)

  if (frameCount % floor(beat / 2) == 1) {

    sounds[1].setVolume(soundVolume);  

    sounds[1].rate(1.2); 

    sounds[1].play();

  }

​

  // another syncopated beat layer for third sound (1/3 beat)

  if (frameCount % floor(beat / 3) == 1) {

    sounds[2].setVolume(soundVolume); 

    sounds[2].rate(1.8);  

    sounds[2].play();

  }

​

  // phased sound for texture with a faster, more drastic beat interval

  if (frameCount % 40 == 1) {

    sounds[3].setVolume(soundVolume); 

    sounds[3].rate(0.6);

    sounds[3].play();

  }

​

  sb--;  // decrease syncopation beat over time to shift syncopation

  if (sb <= 0) {

    sb = beat - 20;  // reset sb after a full cycle

  }

}

​