AI game creator

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

No:8656

1561

←

Prev Next

→

Pong2
Developer User4225｜Date and time 23/7/17 20:11:36
Build time 30.975 sec｜Game capacity 3.926KB｜

Script

Sure! Here's a sample implementation of a Pong game using JavaScript and HTML:

This is a minimalist implementation of Pong game for smartphone operation. The left player (Player 1) controls their paddle using the "w" and "s" keys, and the right player (Player 2) controls their paddle using the up and down arrow keys. The game updates the position of the ball, checks for collisions with the paddles and walls, and updates the score. The score is displayed for each player at the top of the game container. Note that the game loop updates the position of the ball every 10 milliseconds to create smooth movement.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a sample implementation of a Pong game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Pong 2</title>
  <style>
    #pong-container {
      position: relative;
      width: 400px;
      height: 300px;
      margin: 0 auto;
      border: 1px solid black;
    }

#pong-ball {
      position: absolute;
      top: 150px;
      left: 200px;
      width: 10px;
      height: 10px;
      background-color: black;
    }

#pong-paddle-left {
      position: absolute;
      top: 120px;
      left: 10px;
      width: 10px;
      height: 60px;
      background-color: black;
    }

#pong-paddle-right {
      position: absolute;
      top: 120px;
      right: 10px;
      width: 10px;
      height: 60px;
      background-color: black;
    }
  </style>
</head>
<body>
  <div id="pong-container">
    <div id="pong-ball"></div>
    <div id="pong-paddle-left"></div>
    <div id="pong-paddle-right"></div>
  </div>

// Move paddles based on arrow key input
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowUp") {
        paddleRight.style.top = (parseInt(paddleRight.style.top) - paddleSpeed) + "px";
      } else if (event.key === "ArrowDown") {
        paddleRight.style.top = (parseInt(paddleRight.style.top) + paddleSpeed) + "px";
      } else if (event.key === "w") {
        paddleLeft.style.top = (parseInt(paddleLeft.style.top) - paddleSpeed) + "px";
      } else if (event.key === "s") {
        paddleLeft.style.top = (parseInt(paddleLeft.style.top) + paddleSpeed) + "px";
      }
    });

// Game loop
    function update() {
      // Move the ball
      ball.style.top = (parseInt(ball.style.top) + ballSpeedY) + "px";
      ball.style.left = (parseInt(ball.style.left) + ballSpeedX) + "px";

// Reverse ball direction if hit paddle or walls
      if (parseInt(ball.style.top) >= (parseInt(container.style.height) - 10) || parseInt(ball.style.top) <= 0) {
        ballSpeedY *= -1;
      }
      if (parseInt(ball.style.left) >= (parseInt(container.style.width) - 10) || parseInt(ball.style.left) <= 0) {
        ballSpeedX *= -1;
      }

// Check if ball hits the paddles
      if (parseInt(ball.style.left) <= 20 && parseInt(ball.style.top) >= parseInt(paddleLeft.style.top) && parseInt(ball.style.top) <= (parseInt(paddleLeft.style.top) + 60)) {
        ballSpeedX *= -1;
        leftPaddleScore++;
      }
      if (parseInt(ball.style.left) >= (parseInt(container.style.width) - 30) && parseInt(ball.style.top) >= parseInt(paddleRight.style.top) && parseInt(ball.style.top) <= (parseInt(paddleRight.style.top) + 60)) {
        ballSpeedX *= -1;
        rightPaddleScore++;
      }

// Update score
      document.getElementById("left-score").textContent = "Player 1: " + leftPaddleScore;
      document.getElementById("right-score").textContent = "Player 2: " + rightPaddleScore;
    }

setInterval(update, 10);
  </script>
</body>
</html>
```

The game updates the position of the ball, checks for collisions with the paddles and walls, and updates the score. The score is displayed for each player at the top of the game container.

Note that the game loop updates the position of the ball every 10 milliseconds to create smooth movement.