Pong, coloque uma IA para controlar o outro jogador's game

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

No:27312

←

Prev Next

→

Pong, coloque uma IA para controlar o outro jogado..ALL
Developer User13247｜Date and time 23/12/6 3:03:02
Build time 61.552 sec｜Game capacity 4.011KB｜

Script

0 - 0

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Pong Game</title>
    <style>
        #pong {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            width: 600px;
            height: 400px;
            background-color: black;
        }

#paddleLeft, #paddleRight {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 15px;
            height: 80px;
            margin: auto;
            background-color: white;
        }

#ball {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 15px;
            height: 15px;
            background-color: white;
        }

#score {
            position: absolute;
            top: 10px;
            left: 10px;
            color: white;
            font-family: Arial;
            font-size: 20px;
        }
    </style>
</head>
<body>
    <div id="pong">
        <div id="paddleLeft"></div>
        <div id="paddleRight"></div>
        <div id="ball"></div>
        <div id="score">0 - 0</div>
    </div>

// Initial Ball speed and direction
        let ballSpeedX = -2;
        let ballSpeedY = 2;

// Initial Paddles' speeds
        let paddleLeftSpeed = 0;
        let paddleRightSpeed = 2;

// Initial Scores
        let leftScore = 0;
        let rightScore = 0;

// Keyboard events to control the left paddle
        window.addEventListener("keydown", function (event) {
            switch (event.key) {
                case "a":
                    paddleLeftSpeed = -2;
                    break;
                case "q":
                    paddleLeftSpeed = 2;
                    break;
            }
        });

window.addEventListener("keyup", function (event) {
            paddleLeftSpeed = 0;
        });

// Main game loop
        function gameLoop() {
            // Move paddles
            paddleLeftY += paddleLeftSpeed;
            paddleRightY += paddleRightSpeed;

// Move ball
            ballX += ballSpeedX;
            ballY += ballSpeedY;

// Check collision with paddles
            if (ballX <= 25 && ballY + 15 >= paddleLeftY && ballY <= paddleLeftY + 80) {
                ballSpeedX *= -1;
            }

if (ballX >= 560 && ballY + 15 >= paddleRightY && ballY <= paddleRightY + 80) {
                ballSpeedX *= -1;
            }

// Check collision with top and bottom walls
            if (ballY <= 0 || ballY >= 385) {
                ballSpeedY *= -1;
            }

// Update score if ball goes out of bounds
            if (ballX <= 0) {
                rightScore += 1;
                resetBall();
            }

if (ballX >= 590) {
                leftScore += 1;
                resetBall();
            }

// Update paddle positions
            document.getElementById("paddleLeft").style.top = paddleLeftY + "px";
            document.getElementById("paddleRight").style.top = paddleRightY + "px";

// Update ball position
            document.getElementById("ball").style.left = ballX + "px";
            document.getElementById("ball").style.top = ballY + "px";

// Update score
            document.getElementById("score").innerText = leftScore + " - " + rightScore;

// Repeat game loop
            requestAnimationFrame(gameLoop);
        }

// Reset ball position and speed
        function resetBall() {
            ballX = 290;
            ballY = 190;
            ballSpeedX *= -1;
            ballSpeedY = Math.floor(Math.random() * 4) - 2;
        }

// Start the game loop
        gameLoop();
    </script>
</body>
</html>