AI game creator

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

No:39412

←

Prev Next

→

Super mario run
Developer User17554｜Date and time 24/1/28 9:31:44
Build time 10.047 sec｜Game capacity 2.661KB｜

Script

Sure! Here's a simple example of a Super Mario Run game implemented as a single HTML file:

To use this code, save it in an HTML file and ensure you have an image file named `emozi_all/mario.png` in the same directory as the HTML file. When you open the HTML file in a web browser, you will be able to play Super Mario Run by tapping/clicking the canvas to make Mario jump. Mario will continuously run to the right, and if he reaches the edge, he will restart from the beginning position.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's a simple example of a Super Mario Run game implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>

<head>
  <title>Super Mario Run</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>

// Define game variables
      var mario = {
        x: 50,
        y: canvas.height - 64,
        width: 64,
        height: 64,
        dx: 4,
        dy: 0,
      };

var ground = {
        x: 0,
        y: canvas.height - 32,
        width: canvas.width,
        height: 32,
      };

var isJumping = false;

// Load Mario image
      var marioImg = new Image();
      marioImg.src = "mario.png";

function draw() {
        // Clear canvas
        context.clearRect(0, 0, canvas.width, canvas.height);

// Draw ground
        context.fillStyle = "#8B4513";
        context.fillRect(ground.x, ground.y, ground.width, ground.height);

// Draw Mario
        context.drawImage(marioImg, mario.x, mario.y, mario.width, mario.height);

// Update Mario's position
        if (isJumping) {
          mario.y -= mario.dy;
          mario.dy -= 0.8;
          if (mario.y >= canvas.height - mario.height) {
            // Mario landed on the ground
            mario.y = canvas.height - mario.height;
            isJumping = false;
          }
        } else {
          mario.x += mario.dx;
          if (mario.x >= canvas.width - mario.width) {
            // Mario reached the edge, restart
            mario.x = 50;
          }
        }

requestAnimationFrame(draw);
      }

// Handle touch/mouse events for jumping
      canvas.addEventListener("touchstart", function(e) {
        if (!isJumping) {
          mario.dy = 20;
          isJumping = true;
        }
      });

canvas.addEventListener("mousedown", function(e) {
        if (!isJumping) {
          mario.dy = 20;
          isJumping = true;
        }
      });

// Start the game loop
      draw();
    });
  </script>
</body>

</html>
```

To use this code, save it in an HTML file and ensure you have an image file named `mario.png` in the same directory as the HTML file. When you open the HTML file in a web browser, you will be able to play Super Mario Run by tapping/clicking the canvas to make Mario jump. Mario will continuously run to the right, and if he reaches the edge, he will restart from the beginning position.