SketchBook

var ballX;
var ballY;

var speedX;
var speedY;

function setup() {
createCanvas(500, 500);
strokeWeight(10);

ballX = 250;
speedX = 5;

ballY = 250;
speedY = 10;
}

function draw() {
background(208, 208, 208);

ballX = ballX + speedX;
ballY = ballY + speedY;

if (ballX + 10 > 500) {
speedX = -5;
}

if (ballX - 100 < 0) {
speedX = 10;
}

if (ballY + 10 > 500) {
speedY = -5;
}

if (ballY - 100 < 0) {
speedY = 10;
}

noStroke();
fill(0, 200, 205);
ellipse(ballX, ballY, 100);
}