Your a pong ball and you need to get 1000 score to win and if you fall your dead's game

Click here for free DL of the app version that can save data.

No:3488

2761

←

Prev Next

→

Your a pong ball and you need to get 1000 score to..ALL
Developer User3710｜Date and time 23/6/25 6:47:28
Build time 29.31 sec｜Game capacity 2.995KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Pong Game</title>
	<style>
		body {
			margin: 0;
			padding: 0;
			overflow: hidden;
		}

canvas {
			background-color: #eee;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>

// draw ball function
		function drawBall() {
			c.beginPath();
			c.arc(ballX, ballY, ballSize / 2, 0, Math.PI * 2, false);
			c.fillStyle = '#000';
			c.fill();
			c.closePath();
		}

// draw paddle function
		function drawPaddle() {
			c.beginPath();
			c.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
			c.fillStyle = '#000';
			c.fill();
			c.closePath();
		}

// draw score function
		function drawScore() {
			c.font = '20px Arial';
			c.fillStyle = '#000';
			c.fillText('Score: ' + score, 20, 30);
		}

// check collision function
		function checkCollision() {
			// check if ball hits the paddle
			if (ballY + ballDy > canvas.height - ballSize - paddleHeight && ballX + ballSize > paddleX && ballX < paddleX + paddleWidth) {
				ballDy = -ballDy;
				score++;
			}

// check if ball hits the wall
			if (ballX + ballDx > canvas.width - ballSize || ballX + ballDx < 0) {
				ballDx = -ballDx;
			}

// check if ball falls
			if (ballY + ballDy > canvas.height - ballSize) {
				// you're dead
				alert('Game over!');
				location.reload();
			}

// update ball position
			ballX += ballDx;
			ballY += ballDy;
		}

// update paddle position function
		function updatePaddle() {
			if (rightPressed && paddleX + paddleWidth < canvas.width) {
				paddleX += paddleDx;
			} else if (leftPressed && paddleX > 0) {
				paddleX -= paddleDx;
			}
		}

// event listeners for paddle movement
		var rightPressed = false;
		var leftPressed = false;

document.addEventListener('keydown', function(event) {
			if (event.keyCode == 39) {
				rightPressed = true;
			} else if (event.keyCode == 37) {
				leftPressed = true;
			}
		});

document.addEventListener('keyup', function(event) {
			if (event.keyCode == 39) {
				rightPressed = false;
			} else if (event.keyCode == 37) {
				leftPressed = false;
			}
		});

// main game loop
		function gameLoop() {
			// clear canvas
			c.clearRect(0, 0, canvas.width, canvas.height);

// draw ball
			drawBall();

// draw paddle
			drawPaddle();

// draw score
			drawScore();

// check collision
			checkCollision();

// update paddle position
			updatePaddle();

// request next frame
			requestAnimationFrame(gameLoop);
		}

// start game loop
		requestAnimationFrame(gameLoop);
	</script>
</body>
</html>