var note;

var playing = false;

var rows = 13;

var cols = 34;

var len;

var wid;

var buffer;

var note1;

var note2;

var start;

var track;

var now;

​

function setup() {

  createCanvas(680, 520)

  A = new p5.Oscillator();

  A.setType('sine');

  A.freq(220.0);

  A.amp(0.5, 0.05);

  A.start();

  note = "A";

  len = height/rows;

  wid = width/cols;

  start = 0;

  //print(wid);

  note1 = 0;

  note2 = round(random(0, 34));

  now = 0;

  track = 0;

}

​

function draw() {

  background(220);

  start = second();

  textSize(72);

  frameRate(5);

  stroke(0);

  fill(255);

  for(var i = 0; i < rows; i++){

    for(var j = 0; j < cols; j++){

      if(i === note1 && j === note2) fill(255, 0, 0);

      else fill(255);

      rect(j*wid, i*len, wid, len);

      start = now;

    }

  }

  print(note2);

  //note2++;

  //note2 %= cols;

  //text(note, width/2, height/2);

  //rect(400, 400, 26, 40);

}

​

function keyTyped(){

  //A.start();

  if(key === 'a'){

    A.amp(0, 0.01);

    A.freq(220);

    note = "A";

    note1 = 0;

    //note2++;

  } else if(key === 'w'){

    A.amp(0, 0.01);

    A.freq(233.08);

    note = "A#";

    note1 = 1;

    //note2++;

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

    A.amp(0, 0.01);

    A.freq(246.94);

    note = "B";

    note1 = 2;

    //note2++;

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

    A.amp(0, 0.01);

    A.freq(261.63);

    note = "C";

    note1 = 3;

    //note2++;

  } else if(key === 'r'){

    A.amp(0, 0.01);

    A.freq(277.18);

    note = "C#";

    note1 = 4;

    //note2++;

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

    A.amp(0, 0.01);

    A.freq(293.66);

    note = "D";

    note1 = 5;

    //note2++;

  } else if(key === 't'){

    A.amp(0, 0.01);

    A.freq(311.13);

    note = "D#";

    note1 = 6;

    //note2++;

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

    A.amp(0, 0.01);

    A.freq(329.63);

    note = "E";

    note1 = 7;

    //note2++;

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

    A.amp(0, 0.01);

    A.freq(349.23);

    note = "F";

    note1 = 8;

    //note2++;

  } else if(key === 'u'){

    A.amp(0, 0.01);

    A.freq(369.99);

    note = "F#";

    note1 = 9;

    //note2++;

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

    A.amp(0, 0.01);

    A.freq(392);

    note = "G";

    note1 = 10;

    //note2++;

  } else if(key === 'i'){

    A.amp(0, 0.01);

    A.freq(415.3);

    note = "G#";

    note1 = 11;

    //note2++;

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

    A.amp(0, 0.01);

    A.freq(440);

    note = "A2";

    note1 = 12;

    //note2++;

  } else if(key === 'x'){

    A.stop();

    track = note1;

    note1 = -1;

  } else if(key === 'c'){

    A.start();

    note1 = track;

  }

  A.amp(0.5, 0.05);

}

​

​