​

preload = () => {

    tick = loadSound('/tick.mp3');

}

​

function setup() {

  createCanvas(400, 400);

  textAlign(CENTER);

  preroll = new p5.Part(4, 1/4);

​

  tick.pattern = [1, 2, 3, 4];

  tick.phrase = new p5.Phrase('metro', playTick, tick.pattern );

  preroll.addPhrase(tick.phrase);

  score = new p5.Score(preroll);

  score.setBPM(55);

}

​

function draw() {

  background(33);

  text('click to play', width/2, height/2);

}

​

​

function playTick(time, beat) {

    tick.play(time);

}

​

function mouseClicked() {

  if (mouseX > 0 && mouseX < width && mouseY > 0 && mouseY < height) {

        //preroll.start();

        score.start();

        msg = 'playing part';

    }

}