Make a 2 mb game Mario runer with enimies's game

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

No:36969

←

Prev Next

→

Make a 2 mb game Mario runer with enimies
Developer User16885｜Date and time 24/1/19 17:00:20
Build time 13.817 sec｜Game capacity 2.934KB｜

Script

Sure! Here's an example of a simple Mario Runner game implemented as a single HTML file, using JavaScript and enclosed in script tags:

In this game, you control Mario by making him jump over an enemy (represented by red rectangle) that moves from right to left across the screen. If Mario collides with the enemy, the game will show a "Game Over" alert and then reset. Please note that the provided implementation is a basic example to give you an idea of how a Mario Runner game can be created using JavaScript in a single HTML file. To create a more complex and visually appealing game, you would need to add additional features, levels, and artwork. Additionally, keep in mind that a 2 MB size restriction may limit the complexity and size of the game you can create.

←

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 Mario Runner game implemented as a single HTML file, using JavaScript and enclosed in script tags:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mario Runner</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>

// Character properties
      const mario = {
        x: 50,
        y: 300,
        width: 50,
        height: 50,
        velocityY: 0,
        jumping: false
      };

// Enemy properties
      const enemy = {
        x: 750,
        y: 325,
        width: 50,
        height: 50,
        velocityX: -2
      };

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

function update() {
        // Mario movement
        if (mario.jumping) {
          mario.y += mario.velocityY;
          mario.velocityY += 0.1; // Gravity
          
          if (mario.y > 300) {
            mario.y = 300;
            mario.jumping = false;
            mario.velocityY = 0;
          }
        }
        
        // Enemy movement
        enemy.x += enemy.velocityX;

// Collision detection
        if (
          mario.x < enemy.x + enemy.width &&
          mario.x + mario.width > enemy.x &&
          mario.y < enemy.y + enemy.height &&
          mario.y + mario.height > enemy.y
        ) {
          // Collision occurred, game over
          alert('Game Over');
          reset();
        }
        
        requestAnimationFrame(update);
      }

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

// Draw Mario
        ctx.fillStyle = 'blue';
        ctx.fillRect(mario.x, mario.y, mario.width, mario.height);

// Draw Enemy
        ctx.fillStyle = 'red';
        ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);

requestAnimationFrame(draw);
      }

function reset() {
        mario.x = 50;
        mario.y = 300;
        enemy.x = 750;
      }

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

Please note that the provided implementation is a basic example to give you an idea of how a Mario Runner game can be created using JavaScript in a single HTML file. To create a more complex and visually appealing game, you would need to add additional features, levels, and artwork. Additionally, keep in mind that a 2 MB size restriction may limit the complexity and size of the game you can create.