AI game creator

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

No:40399

←

Prev Next

→

Pong 2 players
Developer User17003｜Date and time 24/2/2 11:06:49
Build time 12.923 sec｜Game capacity 3.096KB｜

Script

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

In this example, the game implements a basic version of Pong for 2 players. The game loop continuously updates the position of the paddles based on player input and renders the game state on the canvas. Players control the paddles using touch input or by dragging their finger on a smartphone screen. The ball moves and bounces off the paddles, simulating gameplay.

←

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 for 2 players, implemented as a single HTML file using JavaScript enclosed in script tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pong 2 Players</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="pong" width="800" height="400"></canvas>

// Create the paddles
        const paddleWidth = 10, paddleHeight = 100;
        const player1 = { x: 0, y: canvas.height / 2 - paddleHeight / 2, width: paddleWidth, height: paddleHeight, color: "#FF0000", dy: 2 };
        const player2 = { x: canvas.width - paddleWidth, y: canvas.height / 2 - paddleHeight / 2, width: paddleWidth, height: paddleHeight, color: "#00FF00", dy: 2 };

// Create the ball
        const ball = { x: canvas.width / 2, y: canvas.height / 2, radius: 10, speed: 2, dx: 2, dy: 2, color: "#0000FF" };

// Draw the paddles
        function drawPaddle(x, y, width, height, color) {
            context.fillStyle = color;
            context.fillRect(x, y, width, height);
        }

// Draw the ball
        function drawBall(x, y, radius, color) {
            context.fillStyle = color;
            context.beginPath();
            context.arc(x, y, radius, 0, Math.PI * 2, false);
            context.closePath();
            context.fill();
        }

// Update the position of the paddles
        function update() {
            player1.y += player1.dy;
            player2.y += player2.dy;

if (player1.y < 0) player1.y = 0;
            if (player1.y + player1.height > canvas.height) player1.y = canvas.height - player1.height;
            if (player2.y < 0) player2.y = 0;
            if (player2.y + player2.height > canvas.height) player2.y = canvas.height - player2.height;
        }

// Render the game
        function render() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw paddles
            drawPaddle(player1.x, player1.y, player1.width, player1.height, player1.color);
            drawPaddle(player2.x, player2.y, player2.width, player2.height, player2.color);

// Draw ball
            drawBall(ball.x, ball.y, ball.radius, ball.color);
        }

// Game loop
        function gameLoop() {
            update();
            render();
        }

setInterval(gameLoop, 1000 / 60); // Run game loop 60 times per second
    </script>
</body>
</html>
```