let trianglePosY=200;

 let circlePosX;

 let circlePosY;

 let speedX= 5;

 let speedY= 5;

 let circleRadius;

​

​

function setup() {

  createCanvas(600,400);

  circleRadius= width/8;

  circlePosX= circleRadius;

  circlePosY= circleRadius;

 print(trianglePosX);

}

​

function draw() {

  background(255);

​

//   noStroke();

//   fill(0, 255, 0);

//   rect(200, 200, 150, 150);

​

​

//   fill(255,0,0,100);

//   circle(width/2, height/2,height/2);

//   stroke(255,120,0);

//   line(0,height/2,width,height/2);

//   noStroke();

//   fill(255);

//   trianglePosX=mouseX;

//   trianglePosY=mouseY;

//   triangle(trianglePosX,trianglePosY,trianglePosX,trianglePosY+100,trianglePosX+100,trianglePosY+100)

​

​

// arc(width/2,height/2,100,100,PI,5, PIE);

 noStroke();

 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;

  }

  // circlePosX= 0;

  //*= quick hand way                      

  // circlePosX= (circlePosX+  speed)%width;

  //% is the remainder in division

}

​

​

​