var raio = 25;
var diametro = raio * 2;
var dVel = 2;
var vel1 = dVel;
var vel2 = dVel;
var vel3 = dVel;
var vel4 = dVel;

function setup() {
  createCanvas(400, 400);

  /* Bola 1 */

  umX = raio + int((((width / 2) - raio) - raio + 1) * random())
  umY = raio + int(((height - raio) - raio + 1) * random())

  /* Bola 2*/

  doisX = ((width / 2) + raio) + int(((width - raio) - ((width / 2) + raio) + 1) * random())
  doisY = raio + int(((height - raio) - raio + 1) * random())
}

function draw() {
  background(220);

  ellipse(umX, umY, diametro, diametro); // Bola 1
  ellipse(doisX, doisY, diametro, diametro); // Bola 2

  umX += vel1;
  umY += vel2;
  doisX += vel3;
  doisY += vel4;

  /* Ressaltar nos limites */

  /* Bola 1 */

  if (umX + raio >= width ) {
    vel1 = -dVel;
  }

  if (umY + raio >= height) {
    vel2 = -dVel;
  }

  if (umX - raio <= 0) {
    vel1 = dVel;
  }

  if (umY - raio <= 0) {
    vel2 = dVel;
  }

  /* Bola 2 */

  if (doisX + raio >= width) {
    vel3 = -dVel;
  }

  if(doisY + raio >= height) {
    vel4 = -dVel;
  }

  if (doisX - raio <= 0) {
    vel3 = dVel;
  }

  if (doisY - raio <= 0) {
    vel4 = dVel;
  }

  /* Ressaltar no toque entre bolas */

//   if (umX + raio >= doisX - raio && ) {
//     vel1 = -dVel;
//   }

//   if (umX - raio >= umY + raio) {
//     vel1 = dVel;
//   }



  }