PONG/script.js at main · abdallah1936/PONG · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
// initialize the canvas and context
let canvas = document.getElementById("gameCanvas");
let ctx = canvas.getContext("2d");

// set the starting position and size of the ball
let ballX = canvas.width / 4;
let ballY = canvas.height / 4;
let ballRadius = 10;

// set the speed and starting direction of the ball
let ballSpeedX = .7;
let ballSpeedY = .7;

// set the position and size of the paddles
let paddleHeight = 150;
let paddleWidth = 12;
let paddleSpeed = 50;
let player1Y = (canvas.height - paddleHeight) / 2;
let player2Y = (canvas.height - paddleHeight) / 2;
// we are assuming canvas.height represents the height of the HTML canvas element and paddleHeight represents the height of the paddle, we calculates the vertical position for the top edge of each paddle such that they are both vertically centered on the canvas.

// define the score properties
let player1Score = 0;
let player2Score = 0;
let winningScore = 6;
let players = ["Player 1", "Player 2"]
let gameOver = false

  // set the game loop
let gameLoop = setInterval(draw, 10);


// listen for key presses to move the paddles
document.addEventListener("keydown", keyDownHandler, false);