let noteSize = 30;

​

let angle = 0;

let distance = 150;

let img;

​

function setup() {

  createCanvas(410, 410);

  textAlign(CENTER, CENTER);

  img = loadImage('/bongos.png');

}

​

function draw() {

  background(color('#c4becf'));

  angle++;

  image(img, width / 16, 9 * height / 16, drumSize*1.1, drumSize);

  textSize(drumSize);

  text('💻', 3 * width / 4,  .25 * height);

​

  textSize(noteSize);

  for (let i = 0; i < 30; i++) {

    noteAngle = angle + 20*i

    let noteX = width / 2 + cos(radians(noteAngle)) * distance;

    let noteY =  + height / 2 + sin(radians(noteAngle)) * distance/2;

    let noteChar = random(['🎵','🎵','🎵','🎶'])

    if (noteX > 1.3 * distance) {

      noteChar = random(['0️⃣','1️⃣'])

    }

​

    text(noteChar, noteX + 5*random(), noteY+5*random());

  }

}

​

function mouseClicked() {

  saveGif('save.gif', .2)

}

​