Atari pong with bussaws for all devices's game

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

No:24460

171

←

Prev Next

→

Atari pong with bussaws for all devices
Developer User7570｜Date and time 23/11/9 8:33:04
Build time 99.608 sec｜Game capacity 5.145KB｜

Script

Sure! Here's an example of a simple Atari Pong game using JavaScript, suitable for all devices, including smartphones:

This implementation creates an Atari Pong game using HTML and JavaScript. You can play it by opening the HTML file in a web browser, preferably on a smartphone for touch-based controls. The game features paddles, a ball, and scores for both the player and the computer opponent. The game loop continuously updates and draws the game state, providing an interactive gaming experience.

←

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 Atari Pong game using JavaScript, suitable for all devices, including smartphones:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Atari Pong with Bussaws</title>
  <style>
    #gameCanvas {
      background-color: #000;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="480px" height="320px"></canvas>

// Game settings
      var paddleWidth = 10;
      var paddleHeight = 60;
      var paddleSpeed = 4;
      var paddleMargin = 20;

var ballSize = 10;
      var ballSpeed = 2;
      var ballDirectionX = -1;
      var ballDirectionY = 1;

var playerScore = 0;
      var computerScore = 0;
      var maxScore = 5;

// Player and computer paddle positions
      var playerY = (canvas.height - paddleHeight) / 2;
      var computerY = (canvas.height - paddleHeight) / 2;

// Ball position and initial random direction
      var ballX = canvas.width / 2;
      var ballY = canvas.height / 2;

// Keyboard event listeners for player controls
      document.addEventListener("keydown", function(event) {
        if (event.keyCode === 38) { // UpArrow key
          playerY -= paddleSpeed;
        } else if (event.keyCode === 40) { // DownArrow key
          playerY += paddleSpeed;
        }
      });

// Function to draw the paddles (player and computer)
      function drawPaddles() {
        context.fillStyle = "#FFF"; // White color

// Draw player paddle
        context.fillRect(paddleMargin, playerY, paddleWidth, paddleHeight);

// Draw computer paddle
        context.fillRect(canvas.width - paddleWidth - paddleMargin, computerY, paddleWidth, paddleHeight);
      }

// Function to draw the ball
      function drawBall() {
        context.beginPath();
        context.arc(ballX, ballY, ballSize, 0, Math.PI * 2, true);
        context.fillStyle = "#FFF";
        context.fill();
        context.closePath();
      }

// Function to update the game state (paddles, ball, etc.)
      function update() {
        // Move the computer paddle (simple AI)
        if (ballY < computerY + paddleHeight / 2) {
          computerY -= paddleSpeed;
        } else if (ballY > computerY + paddleHeight / 2) {
          computerY += paddleSpeed;
        }

// Move the ball
        ballX += ballSpeed * ballDirectionX;
        ballY += ballSpeed * ballDirectionY;

// Check collisions with paddles
        if (
          (ballX <= paddleMargin + paddleWidth && ballY >= playerY && ballY <= playerY + paddleHeight) ||
          (ballX >= canvas.width - paddleWidth - paddleMargin && ballY >= computerY && ballY <= computerY + paddleHeight)
        ) {
          ballDirectionX *= -1; // Reverse ball direction on paddle collision
        }

// Check collisions with walls (top and bottom)
        if (ballY + ballSize >= canvas.height || ballY - ballSize <= 0) {
          ballDirectionY *= -1; // Reverse ball direction on wall collision
        }

// Update player and computer scores
        if (ballX + ballSize >= canvas.width) {
          playerScore++;
          resetBall();
        } else if (ballX - ballSize <= 0) {
          computerScore++;
          resetBall();
        }
      }

// Function to reset the ball position after a score
      function resetBall() {
        ballX = canvas.width / 2;
        ballY = canvas.height / 2;
        ballDirectionX *= -1;
        ballDirectionY *= -1;
      }

// Function to draw the game state (paddles, ball, scores)
      function draw() {
        // Clear the canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the paddles and ball
        drawPaddles();
        drawBall();

// Draw player and computer scores
        context.font = "20px Arial";
        context.fillStyle = "#FFF";
        context.fillText("Player: " + playerScore, paddleMargin, 20);
        context.fillText("Computer: " + computerScore, canvas.width - paddleMargin - 140, 20);
      }

// Game loop function
      function gameLoop() {
        update();
        draw();

// Check for game over condition
        if (playerScore >= maxScore || computerScore >= maxScore) {
          clearInterval(gameInterval);
          alert("Game Over. Thanks for playing!");
        }
      }

// Start the game loop
      var gameInterval = setInterval(gameLoop, 10);
    });
  </script>
</body>
</html>
```