const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let ballX = canvas.width / 2; let ballY = canvas.height / 2; let ballRadius = 10; let ballSpeedX = 3; let ballSpeedY = -3; let paddleHeight = 10; let paddleWidth = 75; let paddleX = (canvas.width - paddleWidth) / 2; let rightPressed = false; let leftPressed = false; let brickRowCount = 3; let brickColumnCount = 5; let brickWidth = 75; let brickHeight = 20; let brickPadding = 10; let brickOffsetTop = 30; let brickOffsetLeft = 30; let score = 0; let bricks = []; for(let c=0; c b.x && ballX < b.x+brickWidth && ballY > b.y && ballY < b.y+brickHeight) { ballSpeedY = -ballSpeedY; b.status = 0; score++; if(score == brickRowCount*brickColumnCount) { alert("YOU WIN, CONGRATS!"); document.location.reload(); } } } } } } function drawScore() { ctx.font = "16px Arial"; ctx.fillStyle = "#fff"; ctx.fillText("Score: "+score, 8, 20); } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawBricks(); drawBall(); drawPaddle(); drawScore(); collisionDetection(); if(ballX + ballSpeedX > canvas.width-ballRadius || ballX + ballSpeedX < ballRadius) { ballSpeedX = -ballSpeedX; } if(ballY + ballSpeedY < ballRadius) { ballSpeedY = -ballSpeedY; } else if(ballY + ballSpeedY > canvas.height-ballRadius) { if(ballX > paddleX && ballX < paddleX + paddleWidth) { ballSpeedY = -ballSpeedY; } else { alert("GAME OVER"); document.location.reload(); } } if(rightPressed && paddleX < canvas.width-paddleWidth) { paddleX += 7; } else if(leftPressed && paddleX > 0) { paddleX -= 7; } ballX += ballSpeedX; ballY += ballSpeedY; } setInterval(draw, 10);

GPTgame

Sign up for free tokens!

classical pong game 2d dropdown enemies and score dark theme

GPTgame