let circleY = 100;

let diameter = 50;

let xSpeed = -1;

let ySpeed = 2;

let score = 0;

​

function setup() {

  createCanvas(600, 400);

  xSpeed = random(1, 2);

  ySpeed = random(1, 2);

}

​

function draw() {

  background(220);

  fill("red");

  noStroke();

  circle(circleX, circleY, diameter);

  circleX = circleX + xSpeed;

  if(circleX < 0 || circleX > width){

    xSpeed = xSpeed * -1;

  }

  circleY = circleY + ySpeed;

  if(circleY < 0 || circleY > height){

    ySpeed = ySpeed * -1;

  }

  fill("black");

  textSize(25);

  text("Score: " + score, 10, 25);

}

​

function mousePressed() {

  print(mouseX, mouseY);

  // How do you test if mouseX and mouseY are in the circle?

  let circleRadius = diameter / 2;

  let distBetweenMouseAndCircleCenter = dist(mouseX, mouseY, circleX, circleY);

  if(distBetweenMouseAndCircleCenter <= circleRadius){

    score = score + 1;

    xSpeed = random(-5, 5);

    ySpeed = random(-5, 5);

  }else{

    score = score - 1;

  }

}

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​