constructor(x, y, r, am, col) {

    this.x = x;

    this.y = y;

    this.r = r;

    this.am = am;

    this.col = col;

  }

​

  display() {

    fill(this.col);

    circle(this.x, this.y, this.r);

    fill(0);

    text(this.am, this.x, this.y);

  }

​

  hover(other) {

    let d = dist(this.x, this.y, other.x, other.y);

    if (mouseIsPressed) {

      if (d <= this.r / 2) {

        fill(255);

        circle(this.x, this.y, this.r);

        this.playNote();

      }

    }

  }

​

  playNote() {

    let velocity = 0.5;

    let time = 0;

    let dur = 0.1;

​

    // Play the selected note

    synth.play(this.am, velocity, time, dur);

  }

}

​