AI game creator

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

No:27353

←

Prev Next

→

Pong
Developer User13605｜Date and time 23/12/6 10:37:19
Build time 55.451 sec｜Game capacity 3.98KB｜

Script

Sure! Here's an example of a simple Pong game implemented as a single HTML file using JavaScript and enclosed in script tags:

To play the game on a smartphone, you can simply open this HTML file in a web browser on your smartphone and interact with the paddles using touch gestures. The paddles will move up and down in response to the touch inputs, and the ball will bounce off the paddles and the walls.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple Pong game implemented as a single HTML file using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pong Game</title>
    <style>
        #pong {
            position: relative;
            width: 400px;
            height: 200px;
            background-color: black;
        }
        #paddle-left {
            position: absolute;
            top: 80px;
            left: 10px;
            width: 10px;
            height: 40px;
            background-color: white;
        }
        #paddle-right {
            position: absolute;
            top: 80px;
            right: 10px;
            width: 10px;
            height: 40px;
            background-color: white;
        }
        #ball {
            position: absolute;
            top: 90px;
            left: 195px;
            width: 10px;
            height: 10px;
            background-color: white;
            border-radius: 50%;
        }
    </style>
</head>
<body>
    <div id="pong">
        <div id="paddle-left"></div>
        <div id="paddle-right"></div>
        <div id="ball"></div>
    </div>

// Initial positions of paddles and ball
        var paddleLeftY = 80;
        var paddleRightY = 80;
        var ballX = 195;
        var ballY = 90;

// Function to handle keyboard input for paddle movements
        function handleKeyDown(event) {
            // Check the key code of the pressed key
            switch (event.keyCode) {
                case 38: // Arrow Up
                    paddleRightY -= paddleSpeed;
                    break;
                case 40: // Arrow Down
                    paddleRightY += paddleSpeed;
                    break;
                case 87: // W Key
                    paddleLeftY -= paddleSpeed;
                    break;
                case 83: // S Key
                    paddleLeftY += paddleSpeed;
                    break;
            }
        }

// Function to update the game state
        function updateGame() {
            // Update paddle positions
            document.getElementById("paddle-left").style.top = paddleLeftY + "px";
            document.getElementById("paddle-right").style.top = paddleRightY + "px";

// Update ball position using the speed variables
            ballX += ballSpeedX;
            ballY += ballSpeedY;
            document.getElementById("ball").style.left = ballX + "px";
            document.getElementById("ball").style.top = ballY + "px";

// Check collision with paddles
            if (ballX <= 20 && ballY + 10 >= paddleLeftY && ballY <= paddleLeftY + 40) {
                ballSpeedX = -ballSpeedX; // Reverse ball direction on X-axis
            }
            if (ballX >= 370 && ballY + 10 >= paddleRightY && ballY <= paddleRightY + 40) {
                ballSpeedX = -ballSpeedX; // Reverse ball direction on X-axis
            }

// Check collision with top/bottom walls
            if (ballY <= 0 || ballY >= 190) {
                ballSpeedY = -ballSpeedY; // Reverse ball direction on Y-axis
            }
        }

// Start the game
        function startGame() {
            document.addEventListener("keydown", handleKeyDown); // Listen for keyboard inputs
            setInterval(updateGame, 10); // Start updating game state every 10ms
        }

startGame(); // Call the startGame function to begin the game
    </script>
</body>
</html>
```