degrees();

  createCanvas(400, 400);

}

​

let size = 50;

​

//scrolwheel input//

function mouseWheel(event) {

  //convert to the distance moved in the x axis//

  print(event.delta);

  //add or subtract to pre determind (starting size)size//

  size += event.delta;

}

​

function draw() {

  background(112);

​

  //white circle//

  fill(225);

  noStroke();

  ellipse(mouseX, mouseY, size, size);

​

  //black half//

  fill(0);

  arc(mouseX, mouseY, size, size, PI + HALF_PI, HALF_PI);

​

  //small white//

  fill(225);

  ellipse(mouseX, mouseY - size / 4, size / 2, size / 2);

​

  //small black//

  fill(0);

  ellipse(mouseX, mouseY + size / 4, size / 2, size / 2);

​

  //smaller black//

  fill(0);

  ellipse(mouseX, mouseY - size / 4, size / 2 - size / 4, size / 2 - size / 4);

​

  //smaller white//

  fill(225);

  ellipse(mouseX, mouseY + size / 4, size / 2 - size / 4, size / 2 - size / 4);

}

​