Atari Pong with a Mario invincibility star for all devices's game

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

No:17171

←

Prev Next

→

Atari Pong with a Mario invincibility star for all..ALL
Developer User7570｜Date and time 23/9/22 9:34:33
Build time 41.074 sec｜Game capacity 5.154KB｜

Script

Sure! Here's an implementation of Atari Pong game with a Mario invincibility star power-up, which can be played on any device:

To play the game, open this HTML file in any web browser on your smartphone or desktop. Use the arrow keys (up and down) or WASD keys (W and S) to move the paddle. The goal is to hit the ball using the paddle and prevent it from passing. If the ball collides with the paddles, its direction changes. If the ball collides with the paddle while the Mario invincibility star power-up is active, the star disappears and the player earns a point. The game continues indefinitely. Enjoy playing Atari Pong with a Mario invincibility star power-up!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

Sure! Here's an implementation of Atari Pong game with a Mario invincibility star power-up, which can be played on any device:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Atari Pong with Mario Power-up</title>
  <style>
    canvas {
      background: #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="pong" width="800" height="400"></canvas>
  
  <script>
    // Get the canvas element
    const canvas = document.getElementById("pong");
    const context = canvas.getContext("2d");
    
    // Create the pong paddle
    const paddleWidth = 10, paddleHeight = 100;
    const player = { x: 0, y: canvas.height/2 - paddleHeight/2, width: paddleWidth, height: paddleHeight, color: "#FF0000", dy: 5 };
    const computer = { x: canvas.width - paddleWidth, y: canvas.height/2 - paddleHeight/2, width: paddleWidth, height: paddleHeight, color: "#00FF00", dy: 4 };
    
    // Create the pong ball
    const ball = { x: canvas.width/2, y: canvas.height/2, radius: 10, speed: 4, dx: 4, dy: 4, color: "#FFFFFF" };
    
    // Create Mario invincibility star power-up
    const star = { x: canvas.width/2 - 25, y: canvas.height/2 - 25, radius: 15, visible: false, color: "#FFFF00" };
    
    // Move the paddles
    function movePaddle(paddle, upKey, downKey) {
      document.addEventListener("keydown", function(event) {
        switch(event.keyCode) {
          case upKey:
            paddle.y -= paddle.dy;
            break;
          case downKey:
            paddle.y += paddle.dy;
            break;
        }
      });
    }
    
    // Check collision between paddle and ball
    function paddleCollision(paddle, ball) {
      ball.isColliding = paddle.x < ball.x + ball.radius &&
                        paddle.x + paddle.width > ball.x - ball.radius &&
                        paddle.y < ball.y + ball.radius &&
                        paddle.y + paddle.height > ball.y - ball.radius;
      if (ball.isColliding) {
        ball.dx *= -1; // Change ball direction on collision
        if (star.visible) resetStar();
      }
    }
    
    // Show Mario invincibility star power-up
    function showStar() {
      star.visible = true;
      setTimeout(resetStar, 5000); // Star remains visible for 5 seconds
    }
    
    // Reset Mario invincibility star power-up
    function resetStar() {
      star.visible = false;
      star.x = canvas.width/2 - 25;
      star.y = canvas.height/2 - 25;
    }
    
    // Update canvas drawing
    function update() {
      // Move the paddles
      movePaddle(player, 38, 40); // Up and down arrow keys
      movePaddle(computer, 87, 83); // W and S keys
      
      // Move the ball
      ball.x += ball.dx;
      ball.y += ball.dy;
      
      // Check collision with walls
      if (ball.y + ball.radius > canvas.height || ball.y - ball.radius < 0) {
        ball.dy *= -1; // Reverse ball direction on collision with top and bottom walls
      }
      
      // Check collision with paddles
      paddleCollision(player, ball);
      paddleCollision(computer, ball);
      
      // Computer paddle AI
      if (computer.y + computer.height/2 < ball.y) {
        computer.y += computer.dy;
      } else {
        computer.y -= computer.dy;
      }
      
      // Check collision with Mario invincibility star power-up
      if (!star.visible && ball.isColliding && ball.dx > 0 && ball.x > canvas.width/2) {
        showStar();
      }
      
      // Clear the canvas
      context.clearRect(0, 0, canvas.width, canvas.height);
      
      // Draw the paddles
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.width, player.height);
      
      context.fillStyle = computer.color;
      context.fillRect(computer.x, computer.y, computer.width, computer.height);
      
      // Draw the ball
      context.fillStyle = ball.color;
      context.beginPath();
      context.arc(ball.x, ball.y, ball.radius, 0, Math.PI*2);
      context.closePath();
      context.fill();
      
      // Draw the Mario invincibility star power-up
      if (star.visible) {
        context.fillStyle = star.color;
        context.beginPath();
        context.arc(star.x, star.y, star.radius, 0, Math.PI*2);
        context.closePath();
        context.fill();
      }
      
      // Show score
      context.font = "30px Arial";
      context.fillText("Score: " + playerScore, 20, 30);
      
      // Request the animation frame
      requestAnimationFrame(update);
    }
    
    // Start the game
    let playerScore = 0;
    resetStar();
    update();
  </script>
</body>
</html>
```

Enjoy playing Atari Pong with a Mario invincibility star power-up!