Trianta/trianta.dev
1
0
Fork 0
Code Issues 13 Pull Requests Packages Projects Releases 4 Wiki Activity

Added scoring

Browse Source
This commit is contained in:
TriantaTV 2023-01-26 21:20:58 -06:00
parent bede63064e
commit 0fa850ea4e
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
scripts.js
View File

@ -7,6 +7,9 @@ const maxPaddleY = canvas.height - grid - paddleHeight;
var paddleSpeed = 6; var paddleSpeed = 6;
var ballSpeed = 5; var ballSpeed = 5;
var leftScore = 0;
var rightScore = 0;
const leftPaddle = { const leftPaddle = {
// start in the middle of the game on the left side // start in the middle of the game on the left side
x: grid * 2, x: grid * 2,
@ -98,6 +101,13 @@ function loop() {
if ( (ball.x < 0 || ball.x > canvas.width) && !ball.resetting) { if ( (ball.x < 0 || ball.x > canvas.width) && !ball.resetting) {
ball.resetting = true; ball.resetting = true;
if (ball.x < 0) {
rightScore++;
}
if (ball.x > canvas.width) {
leftScore++;
}
// give some time for the player to recover before launching the ball again // give some time for the player to recover before launching the ball again
setTimeout(() => { setTimeout(() => {
ball.resetting = false; ball.resetting = false;
@ -122,6 +132,11 @@ function loop() {
ball.x = rightPaddle.x - ball.width; ball.x = rightPaddle.x - ball.width;
} }
// draw score
context.font = "30px Arial";
context.fillText(leftScore, 200, 50);
context.fillText(rightScore, 560, 50);
// draw ball // draw ball
context.fillRect(ball.x, ball.y, ball.width, ball.height); context.fillRect(ball.x, ball.y, ball.width, ball.height);