Super Mario Bros But Mobile's game

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

No:23695

←

Prev Next

→

Super Mario Bros But Mobile
Developer User11102｜Date and time 23/11/3 0:39:28
Build time 41.527 sec｜Game capacity 2.394KB｜

Script

Sure! Here's a simplified version of Super Mario Bros for mobile, implemented as a single HTML file using JavaScript:

To use this code, you need to have an image file named "emozi_all/mario.png" in the same directory as the HTML file. You can replace "emozi_all/mario.png" with your own image file name. The code sets up a simple canvas-based game where you can control Mario's jumping by touching the screen on a mobile device. The game loop continuously updates the canvas, allowing for smooth animations. Please note that this is just a simplified version and doesn't include all the features of the original Super Mario Bros game. It's meant as a basic starting point for a mobile game.

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Sure! Here's a simplified version of Super Mario Bros for mobile, implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Super Mario Bros Mobile</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="320" height="240"></canvas>

let marioX = 0;
      let marioY = canvas.height - groundHeight - marioSize;
      let marioYSpeed = 0;
      let isJumping = false;

// Preloading mario pictograms
      const marioImage = new Image();
      marioImage.src = 'mario.png';

// Update the game
      function update() {
        context.clearRect(0, 0, canvas.width, canvas.height);
        context.drawImage(marioImage, marioX, marioY, marioSize, marioSize);

if (isJumping) {
          marioY -= marioYSpeed;
          marioYSpeed -= gravity;

if (marioY >= canvas.height - groundHeight - marioSize) {
            marioY = canvas.height - groundHeight - marioSize;
            marioYSpeed = 0;
            isJumping = false;
          }
        }

// Continuous game loop
        requestAnimationFrame(update);
      }

// Handle touch events for jumping
      function handleTouch(event) {
        if (!isJumping) {
          isJumping = true;
          marioYSpeed = jumpHeight;
        }
      }

// Attach touch event listener to the canvas
      canvas.addEventListener('touchstart', handleTouch);

// Start the game
      update();
    </script>
  </body>
</html>
```

To use this code, you need to have an image file named "mario.png" in the same directory as the HTML file. You can replace "mario.png" with your own image file name. The code sets up a simple canvas-based game where you can control Mario's jumping by touching the screen on a mobile device. The game loop continuously updates the canvas, allowing for smooth animations.

Please note that this is just a simplified version and doesn't include all the features of the original Super Mario Bros game. It's meant as a basic starting point for a mobile game.