// Lab 4: Pong

// 2-10-19

​

// Random Ball Placement

var xBall = Math.floor(Math.random() * 300) + 50;

var yBall = 50;

var xSpeed = (2, 7);

var ySpeed = (-7, -2);

var score = 0

​

// Canvas

function setup() {

  createCanvas(700, 500);

}

​

//Background

​

function draw() {

​

  // Background

  background(0);

​

  // Paddle

  fill('white');

  rect(mouseX, height-25, 90, 15);

​

  //Functions

  move();

  display();

  bounce();

  paddle();

​

  //Score

  fill(204, 153, 255);

  textSize(24);

  text("Score: " + score, 10, 25);

}

// Ball Functions

function move() {

  xBall += xSpeed;

  yBall += ySpeed;

}

​

​

function bounce() {

​

  if (xBall < 10 ||

    xBall > width - 10) {

    xSpeed *= -1;

  }

  if (yBall < 10 ||

    yBall > height - 10) {

    ySpeed *= -1;

  }

}

​

​

function display() {

  fill(204, 153, 255);

  ellipse(xBall, yBall, 20, 20);

}

​

// Bounce off Paddle

function paddle() {

  if ((xBall > mouseX &&

      xBall < mouseX + 90) &&

    (yBall + 10 >= height-25)) {

    xSpeed *= -1;

    ySpeed *= -1;

    score++;

​

  }

}