var notes = ["C4", "D4", "E4", "F4", "G4", "A4", "B4", "C5"];

var keys = ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k'];

​

function setup() {

  createCanvas(400, 400);

  //to play one tone at a time

  //synth = new Tone.Synth().toMaster()

​

  //to play multiple tones at a time

  synth = new Tone.PolySynth(8, Tone.Synth).toMaster();

​

}

​

function draw() {

  background(220);

​

  // for (i = 0; i < 89; i++) {

  //   if (keyIsPressed & key === keys[i]) {

  //     synth.triggerAttackRelease(notes[i], 0.1);

  //   }

  // }

​

  // if (keyIsPressed & key === 'a') {

  //   synth.triggerAttackRelease("C4", 0.1);

  // } else if (keyIsPressed & key === 's') {

  //   synth.triggerAttackRelease("D4", 0.1);

  // } else if (keyIsPressed & key === 'd') {

  //   synth.triggerAttackRelease("E4", 0.1);

  // } else if (keyIsPressed & key === 'f') {

  //   synth.triggerAttackRelease("F4", 0.1);

  // } else if (keyIsPressed & key === 'g') {

  //   synth.triggerAttackRelease("G4", 0.1);

  // } else if (keyIsPressed & key === 'h') {

  //   synth.triggerAttackRelease("A4", 0.1);

  // } else if (keyIsPressed & key === 'j') {

  //   synth.triggerAttackRelease("B4", 0.1);

  // } else if (keyIsPressed & key === 'k') {

  //   synth.triggerAttackRelease("E5", 0.1);

  // }

​

}

​

function keyPressed() { //?how to play multiple notes at the same time

  // if (key === 'a') {

  //   synth.triggerAttackRelease("C4",0.1);

  // }else if (key === 's') {

  //   synth.triggerAttackRelease("D4",0.1);

  // }else if (key === 'd') {

  //   synth.triggerAttackRelease("E4", 0.1);

  // }else if (key === 'f') {

  //   synth.triggerAttackRelease("F4", 0.1);

  // }else if (key === 'g') {

  //   synth.triggerAttackRelease("G4", 0.1);

  // }else if (key === 'h') {

  //   synth.triggerAttackRelease("A4", 0.1);

  // }else if (key === 'j') {

  //   synth.triggerAttackRelease("B4", 0.1);

  // }else if (key === 'k') {

  //   synth.triggerAttackRelease("C5", 0.1);

  // }

​

  for (i = 0; i < 8; i++) {

    if (key === keys[i]) {

      synth.triggerAttack(notes[i]);

    }

  }

}

​

function keyReleased() { 

  for (i = 0; i < 8; i++) {

    if (key === keys[i]) {

      synth.triggerRelease(notes[i]);

    }

  }

}