//BPM 126

​

// function preload(){

    // //Drums:

    // BD = loadSound("Drums/BD.mp3");

    // ClickyPercLoop = loadSound("Drums/ClickyPerc.mp3");

    // HHoff1 = loadSound("Drums/HHoff1.mp3");

    // HHoff2 = loadSound("Drums/HHoff2.mp3");

    // HHoff3 = loadSound("Drums/HHoff3.mp3");

    // HHDecayRise = loadSound("Drums/HHDecayRise.mp3");

    // HH606ish = loadSound("Drums/HH606ish.mp3");

    // RimLoop = loadSound("Drums/RimLoop.mp3");

    // //Instruments:

    // // Bass = loadSound("Instruments/Bass.mp3");

    // BrassHook1 = loadSound("Instruments/BrassHook1.mp3");

    // BrassHook2 = loadSound("Instruments/BrassHook2.mp3");

    // PadDrone = loadSound("Instruments/PadDrone.mp3");

    // SteadySeq = loadSound("Instruments/SteadySeq.mp3");

// }

​

Tone.Transport.bpm.value = 126;

var passedMillis;

var time;

​

//Drums:

var BD = new Tone.Player("Drums/BD.mp3").toMaster();

var BDEvent = new Tone.Event(playBD);

BDEvent.start();

BDEvent.loop = false;

BDEvent.loopEnd = "1m";

​

var HHoff1 = new Tone.Player("Drums/HHoff1.mp3").toMaster();

var HHoff1Event = new Tone.Event(playHHoff1);

HHoff1Event.start();

HHoff1Event.loop = false;

HHoff1Event.loopEnd = "1m";

​

var HHoff2 = new Tone.Player("Drums/HHoff2.mp3").toMaster();

var HHoff2Event = new Tone.Event(playHHoff2);

HHoff2Event.start();

HHoff2Event.loop = false;

HHoff2Event.loopEnd = "1m";

​

var HHoff3 = new Tone.Player("Drums/HHoff3.mp3").toMaster();

var HHoff3Event = new Tone.Event(playHHoff3);

HHoff3Event.start();

HHoff3Event.loop = false;

HHoff3Event.loopEnd = "1m";

​

var HH606ish = new Tone.Player("Drums/HH606ish.mp3").toMaster();

var HH606ishEvent = new Tone.Event(playHH606ish);

HH606ishEvent.start();

HH606ishEvent.loop = false;

HH606ishEvent.loopEnd = "1m";

​

var HHDecayRise = new Tone.Player("Drums/HHDecayRise.mp3").toMaster();

var HHDecayRiseEvent = new Tone.Event(playHHDecayRise);

HHDecayRiseEvent.start();

HHDecayRiseEvent.loop = false;

HHDecayRiseEvent.loopEnd = "1m";

​

var ClickyPerc = new Tone.Player("Drums/ClickyPerc.mp3").toMaster();

var ClickyPercEvent = new Tone.Event(playClickyPerc);

ClickyPercEvent.start();

ClickyPercEvent.loop = false;

ClickyPercEvent.loopEnd = "1m";

​

var Rim = new Tone.Player("Drums/Rim.mp3").toMaster();

var RimEvent = new Tone.Event(playRim);

RimEvent.start();

RimEvent.loop = false;

RimEvent.loopEnd = "1m";

​

​

​

var Bass = new Tone.Player("Instruments/Bass.mp3").toMaster();

var BassEvent = new Tone.Event(playBass);

BassEvent.start();

BassEvent.loop = false;

BassEvent.loopEnd = "1m";

​

Tone.Transport.start();

​

​

function playBD(){

  if (BD.loaded) {

    BD.start();

  }  

}

​

function playHHoff1(){

  if (HHoff1.loaded) {

    console.log('hi');

    fill('255');

    ellipse(50,50,50,50);

    HHoff1.start();

    fill('255,0,0');

    ellipse(50,50,50,50);

  }  

}

​

function

​

function playHHoff2(){

  if (HHoff2.loaded) {

    HHoff2.start();

  }  

}

function playHHoff3(){

  if (HHoff3.loaded) {

    HHoff3.start();

  }  

}

function playHH606ish(){

  if (HH606ish.loaded) {

    HH606ish.start();

  }  

}

function playHHDecayRise(){

  if (HHDecayRise.loaded) {

    HHDecayRise.start();

  }  

}

function playClickyPerc(){

  if (ClickyPerc.loaded) {

    ClickyPerc.start();

  }  

}

function playRim(){

  if (Rim.loaded) {

    Rim.start();

  }  

}

​

​

function playBass(){

  if (Bass.loaded) {

    Bass.start();

  }  

}

​

function setup() {

  createCanvas(400, 400);

  //// Drums:

  // BD.loop();

  // ClickyPercLoop.loop();

  // HHoff1.loop();

  // HHoff2.loop();

  // HHoff3.loop();

  // HHDecayRise.loop();

  // HH606ish.loop();

  // RimLoop.loop();

  ////Instruments:

  // Bass.loop();

  // BrassHook1.loop();

  // BrassHook2.loop();

  // PadDrone.loop();

    // SteadySeq.loop();

    //Drums buttons:

  BDButton = createButton('BD');

  BDButton.mousePressed(BDCallBack);

  HHoff1Button = createButton('HHoff1');

  HHoff1Button.mousePressed(HHoff1CallBack);

  HHoff2Button = createButton('HHoff2');

  HHoff2Button.mousePressed(HHoff2CallBack);

  HHoff3Button = createButton('HHoff3');

  HHoff3Button.mousePressed(HHoff3CallBack);

  HH606ishButton = createButton('HH606ish');

  HH606ishButton.mousePressed(HH606ishCallBack);

  HHDecayRiseButton = createButton('HHDecayRise');

  HHDecayRiseButton.mousePressed(HHDecayRiseCallBack);

  ClickyPercButton = createButton('ClickyPerc');

  ClickyPercButton.mousePressed(ClickyPercCallBack);

  RimButton = createButton('Rim');

  RimButton.mousePressed(RimCallBack);  

    //Instruments buttons:

  BassButton = createButton('Bass');

  BassButton.mousePressed(BassCallBack);

}

​

function draw() {

  background(220);

  toggleVisual();

}

​

  function toggleVisual(synth){

    if(BDEvent.state == "started"){

    visualBang();

  }

  console.log(BDEvent.state);

}

​

function visualBang(){

  var passedMillis = millis() - time; // calculates passed milliseconds

  if(passedMillis >= 215){

      time = millis();

      fill(255,0,0);  // if more than 215 milliseconds passed set fill color to red

  }

    ellipse(50,50,50,50); // draw first circle

    fill(255); // fill white

  ellipse(50,50,50,50); // draw second circle

  fill(255,0,0);  // fill red

  arc(150, 150, 50, 50, 0, TWO_PI / 215.0 * passedMillis,PIE); // draw red pie over second circle

}

​

//Drums callback:

function BDCallBack(){

    BDEvent.loop = !BDEvent.loop;

}

function HHoff1CallBack(){

    HHoff1Event.loop = !HHoff1Event.loop;

}

function HHoff2CallBack(){

    HHoff2Event.loop = !HHoff2Event.loop;

}

function HHoff3CallBack(){

    HHoff3Event.loop = !HHoff3Event.loop;

}

function HH606ishCallBack(){

    HH606ishEvent.loop = !HH606ishEvent.loop;

}

function HHDecayRiseCallBack(){

    HHDecayRiseEvent.loop = !HHDecayRiseEvent.loop;

}

function ClickyPercCallBack(){

    ClickyPercEvent.loop = !ClickyPercEvent.loop;

}

function RimCallBack(){

    RimEvent.loop = !RimEvent.loop;

}

​

​

//Instruments callback:

function BassCallBack(){

    BassEvent.loop = !BassEvent.loop;

}

​