const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); let x = canvas.width/2; let y = canvas.height-30; let dx = 2; let dy = -2; let ballRadius = 10; 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 && x < b.x+brickWidth && y > b.y && y < b.y+brickHeight) { dy = -dy; b.status = 0; score++; if(score == brickRowCount*brickColumnCount) { alert("YOU WIN, CONGRATS!"); document.location.reload(); } } } } } } function drawScore() { ctx.font = "16px Arial"; ctx.fillStyle = "#FFFFFF"; ctx.fillText("Score: "+score, 8, 20); } function draw() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawBricks(); drawBall(); drawPaddle(); drawScore(); collisionDetection(); if(x + dx > canvas.width-ballRadius || x + dx < ballRadius) { dx = -dx; } if(y + dy < ballRadius) { dy = -dy; } else if(y + dy > canvas.height-ballRadius) { if(x > paddleX && x < paddleX + paddleWidth) { dy = -dy; } else { alert("GAME OVER"); document.location.reload(); } } if(rightPressed && paddleX < canvas.width-paddleWidth) { paddleX += 7; } else if(leftPressed && paddleX > 0) { paddleX -= 7; } x += dx; y += dy; } setInterval(draw, 10);

GPTgame

Sign up for free tokens!

a game like arkanoid but in black and white

GPTgame