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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Your a pong ball and you need to get 1000 score to win and if you fall your dead's game | AI game creator

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

No:3488

2836

←

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]現在の売れ筋Kindle本ランキング

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>