Super Mario Bros with Atari Pong for all devices's game

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

No:17136

118

←

Prev Next

→

Super Mario Bros with Atari Pong for all devices
Developer User7570｜Date and time 23/9/22 9:15:48
Build time 24.916 sec｜Game capacity 3.006KB｜

Script

Sure, here's an example of a simplified version of Super Mario Bros combined with Atari Pong, designed to run on all devices. It is implemented as a single HTML file and contains JavaScript enclosed in script tags. The game will start processing once the webpage is loaded. Note that this is a very basic implementation and does not include all the features of the original games.

To play the game, simply copy the above code into a blank HTML file and open it in a web browser. Use the left and right arrow keys to control Super Mario Bros and try to avoid the red Atari Pong block. If Mario collides with the Pong, a game over alert message will be displayed, and you can reload the page to start a new game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Super Mario Bros with Atari Pong</title>
  <style>
    #canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="canvas" width="800" height="600"></canvas>
  <script>
    // Super Mario Bros Variables
    let marioX = 50;
    let marioY = 400;
    let marioSize = 50;
    let marioSpeed = 5;

// Atari Pong Variables
    let pongX = 400;
    let pongY = 300;
    let pongSize = 50;
    let pongSpeedX = 3;
    let pongSpeedY = 3;

const canvas = document.getElementById('canvas');
    const ctx = canvas.getContext('2d');

// Super Mario Bros Main Function
    function drawMario() {
      ctx.fillStyle = "blue";
      ctx.fillRect(marioX, marioY, marioSize, marioSize);
    }

// Atari Pong Main Function
    function drawPong() {
      ctx.fillStyle = "red";
      ctx.fillRect(pongX, pongY, pongSize, pongSize);
    }

// Super Mario Bros Movement Function
    function moveMario(event) {
      if (event.key === "ArrowLeft") {
        marioX -= marioSpeed;
      } else if (event.key === "ArrowRight") {
        marioX += marioSpeed;
      }
    }

// Super Mario Bros Collision Detection
    function checkCollision() {
      if (pongX < marioX + marioSize &&
          pongX + pongSize > marioX &&
          pongY < marioY + marioSize &&
          pongY + pongSize > marioY) {
        alert("Game Over! You collided with the Pong!");
        location.reload();
      }
    }

// Atari Pong Movement Function
    function movePong() {
      pongX += pongSpeedX;
      pongY += pongSpeedY;

// Reverse horizontal direction when hitting canvas borders
      if (pongX <= 0 || pongX >= canvas.width - pongSize) {
        pongSpeedX *= -1;
      }

// Reverse vertical direction when hitting canvas borders
      if (pongY <= 0 || pongY >= canvas.height - pongSize) {
        pongSpeedY *= -1;
      }
    }

function gameLoop() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      drawMario();
      drawPong();
      checkCollision();
      movePong();
    }

// Event listener for controlling Mario's movement
    document.addEventListener("keydown", moveMario);

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