let circlePosY;

 let speedX= 5;

 let speedY= 5;

 let circleRadius;

​

​

function setup() {

  createCanvas(600,400);

  circleRadius= width/32;

  circlePosX= circleRadius;

  circlePosY= circleRadius;

  // noStroke();

  noFill();

  stroke(0,50);

}

​

function draw() {

  // background(255);

  // fill(255,10);

  // rect(0,0,width,height);

​

​

 // fill(255, 120, 0, 200);

 circle(circlePosX, circlePosY, circleRadius*2);

  circlePosX= circlePosX+  speedX;

  circlePosY += speedY;

  // makes it come back to left side of screen

  if (circlePosX> width- circleRadius|| circlePosX< circleRadius){

   speedX *= -1;

  }

  if (circlePosY> height- circleRadius|| circlePosY< circleRadius){

   speedY *= -1;

  }

}