// Beginning the set-up
var alwaysBackground = function() {
    background(255, 255, 255);
    stroke(0, 0, 255);
    strokeWeight(5);
    rect(0,0,399,399,75);
    strokeWeight(2);
    stroke(0, 0, 0);
    rect(0,125,10,150);
    rect(390,125,10,150);
    fill(255, 255, 255);
    strokeWeight(2);
    var centerCircle = ellipse(200,200,100,100);
    fill(255, 41, 41);
    stroke(0, 0, 0);
    var centerLine = rect(195,2,10,396);
    fill(150, 150, 255);
    var offsideLLine = rect(85,2,10,396);
    fill(150, 150, 255);
    var offsideRLine = rect(305,2,10,396);
    fill(255, 255, 255);
    var smallCircleInCenter = ellipse(200,200,10,10);
    fill(224, 101, 101);
    var goalLCrease = arc(10,200, 60,83,-88,88);
    var goalRCrease = arc(390,200, 60,83,90,270);
    //Until this line, I was setting the stage for the rest of the program//
};
var player1Score = 0;
var player1XPos = 20;
var player1YPos = 140;
var player1Width = 50;
var player1Height = 100;
var player2Score = 0;
var player2XPos = 335;
var player2YPos = 140;
var player2Width = 50;
var player2Height = 100;
var speed = 2.25;
var puckX = 200;
var puckY = 200;
var puckXMove = random(-4,4);
var puckYMove = random(-4,4);
//I can use the following function to draw my players and make them move//
var draw = function() {
    alwaysBackground();
    fill(0, 0, 0);
    var puck = ellipse(puckX,puckY,20,20);
    puckX = puckX + puckXMove;
    puckY = puckY + puckYMove;
    if (10 > puckX) {
        if (puckX > 125 && puckX < 275) {
        }
        puckXMove = puckXMove * -1;
    }
    if (10 > puckY) {
        puckYMove = puckYMove * -1;
    }
    if (puckX > 390) {
        puckXMove = puckXMove * -1;
    }
    if (puckY > 390) {
        puckYMove = puckYMove * -1;
    }
    var player1 = image(getImage("cute/CharacterBoy"),player1XPos,player1YPos,player1Width       ,player1Height);
    fill(255, 255, 255);
    if (keyIsPressed && keyCode === UP && player1YPos > -65 - player1YPos) {
        player1YPos = player1YPos - 1 * speed;
    }
    else if (keyIsPressed && keyCode === DOWN && player1YPos < 625 - player1YPos) {
       player1YPos = player1YPos + 1 * speed;
    }
    else if (keyIsPressed && keyCode === LEFT && player1XPos > -10 - player1XPos) {
        player1XPos = player1XPos - 1 * speed;
    }
    else if (keyIsPressed && keyCode === RIGHT && player1XPos < 700 - player1XPos) {
       player1XPos = player1XPos + 1 * speed;
    }
    var player2 = image(getImage("cute/CharacterPrincessGirl"),player2XPos,player2YPos           ,player2Width,player2Height);

    //player2XPos = puckX - 1;
    player2YPos = puckY - 75;
    if (puckX < 10 && puckY > 125 && puckY < 275) {
        puckX = 200;
        puckY = 200;
    }
    if (puckX > 390 && puckY > 125 && puckY < 275) {
        puckX = 200;
        puckY = 200;
    }
    if (puckX < player1XPos + player1Width && puckY > player1YPos && puckY < player1YPos + player1Height) {
        puckXMove = puckXMove * -1;
    }
    if (puckX > player2XPos + player2Width && puckY < player2YPos && puckY < player2YPos + player2Height) {
        puckXMove = puckXMove * -1;
    }
};