Bouncing Square

var x = 0;  // x position of square

var y = 225;  // y position of square

var xSpeed = 3;

var ySpeed = 3.47;

​

function setup() {

  createCanvas(500, 500);

}

​

function draw() {

  background(0, 255, 255);

  fill(0, 128, 128);

  rect(0, 0, 499, 499);

  // Draw rectangle

  fill(255);

  rect(x, y, 50, 50);

  // Move the square

  x = x + xSpeed;

  y = y + ySpeed

  // Walls

  if (x >= width - 50) {

    xSpeed = xSpeed * -1;

  } else if (x < 0) {

    xSpeed = xSpeed * -1;

  }

  // Ceilings

  if (y >= height - 50) {

    ySpeed = ySpeed * -1;

  } else if (y < 0) {

    ySpeed = ySpeed * -1;

  }

}