let s2

let s3

let s4

let s5

let s6

let s7

let s8

let s9

let s10

let can

​

let arr;

​

let click = 0;

   let p = 0;

​

function preload() {

  s1 = loadSound("Bass-AcidDot.wav");

  s2 = loadSound("Bass-Snarpy1.wav");

  s3 = loadSound("Drums-ElectroTom.wav");

  s4 = loadSound("Drums-Gong.wav");

  s5 = loadSound("Drums-ShortDigiBD.wav");

  s6 = loadSound("Drums-ThumbLazer.wav");

  s7 = loadSound("FX-RaveBiscuit.wav");

  s8 = loadSound("Synth-BleepGammalan.wav");

  s9 = loadSound("Synth-DigiSpark.wav");

  s10 = loadSound("Synth-SnoutyFilteredBass3short.wav");

}

​

​

function setup() {

  can = createCanvas(400, 400);

  arr = [s1, s2, s3, s4, s5, s6, s7, s8, s9, s10]

}

​

function draw() {

  background(220);

text(p, width/2, height/2)

​

}

​

​

​

function mouseClicked() {

​

​

  for (let i = 0; i < arr.length; i++) {

  //  console.log("## begin click = " + click)

    if (click == i && arr[i].isPlaying() == false) {

    //  if (arr[i].isPlaying() == false) {

​

        if (click == 9) {

          p = 0

          arr[p].play();

         // console.log("play array = " + p)

          click = 0

        } else {

          click++

          p = i + 1

          arr[p].play();

          // console.log("i = " + i)

          // console.log("play array = " + p)

          //  console.log("## end click = " + click)

        }

​

      }

    }

​

​

 // }

​

​

}