Ball Bouncing changes directions on MouseClick

int elX = 200;

int elY = 0;

​

int elSpeedX = 8;   // number of pixels it moves per frame.

int elSpeedY = 10;

int elWidth = 50;

​

boolean isClicked = false;

​

void setup () {

  size (400, 400);

  elY = height/2;

}

​

​

void draw () {

​

  background (0); 

​

  // Same as x = x+1 equation, move x by speed. 

  if (isClicked) {

    elX = elX + elSpeedX;

  }

  elY += elSpeedY;      // same as elY = elSpeedY + elY

  fill (255, 255, 0);

  ellipse (elX, elY, elWidth, elWidth);

​

//----- Hit Detection long form

​

  //// bounces off the right

  //if (elX > width) {

  //  elX = width;

  //  elSpeedX = elSpeedX * -1;

  //  println(elX, "width");

  //}

​

  //// bounces off the left

  //if (elX < 10) {

  //  elX = 10;

  //  elSpeedX = elSpeedX * -1;

  //  println(elX, "come back");

  //}

  if ((elX > width)||(elX < 10)){

    elSpeedX = elSpeedX * -1;

  }

​

  if ((elY > height) || (elY < 0)) {   //-- || is or, like && was and 

    //elY = height;

    elSpeedY *= -1;  // same syntax as "elSpeedX = elSpeedX * -1;" shortcut

  }

}

​

void mouseReleased () {

  if (isClicked == true) {

    isClicked = false;

  } else {

    isClicked = true;

  }

}