Super Mario Bros but Bowser is chasing you and spawning enemies's game

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

No:7024

328

←

Prev Next

→

Super Mario Bros but Bowser is chasing you and spa..ALL
Developer User3961｜Date and time 23/7/4 22:51:57
Build time 30.113 sec｜Game capacity 4.03KB｜

Script

Sure! Here's a sample game implemented as a single HTML file with JavaScript that resembles a simplified version of Super Mario Bros where Bowser is chasing the player and spawning enemies:

To play the game, copy and paste the above code into a new HTML file and save it with a .html extension. Then, open the HTML file in a web browser, and you should see the game running. Use the arrow keys to move the player character (Mario) and try to avoid the enemies that Bowser spawns. If the player collides with an enemy, the game will prompt a "Game Over" message.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample game implemented as a single HTML file with JavaScript that resembles a simplified version of Super Mario Bros where Bowser is chasing the player and spawning enemies:

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

// Player
    const player = {
      x: 50,
      y: canvas.height - 70,
      width: 50,
      height: 70,
      xSpeed: 5,
      ySpeed: 0,
      jumping: false
    };

// Bowser
    const bowser = {
      x: canvas.width - 100,
      y: canvas.height - 70,
      width: 80,
      height: 70,
      xSpeed: -2
    };

// Enemies
    let enemies = [];

function spawnEnemy() {
      const enemy = {
        x: canvas.width,
        y: canvas.height - 70,
        width: 30,
        height: 70,
        xSpeed: -Math.random() * 6 - 2
      };
      enemies.push(enemy);
    }

// Keyboard controls
    const keys = {};
    document.addEventListener("keydown", function (event) {
      keys[event.keyCode] = true;
      if (event.keyCode === 32 && !player.jumping) {
        player.ySpeed = -12;
        player.jumping = true;
      }
    });
    document.addEventListener("keyup", function (event) {
      delete keys[event.keyCode];
    });

// Game loop
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Player logic
      player.ySpeed += 0.5;
      player.x += player.xSpeed;
      player.y += player.ySpeed;
      if (player.y > canvas.height - player.height) {
        player.y = canvas.height - player.height;
        player.jumping = false;
      }

// Bowser logic
      if (bowser.x <= 0 || bowser.x + bowser.width >= canvas.width) {
        bowser.xSpeed *= -1;
      }
      bowser.x += bowser.xSpeed;

// Enemies logic and collision detection
      for (let i = 0; i < enemies.length; i++) {
        enemies[i].x += enemies[i].xSpeed;

// Detect collision between player and enemy
        if (
          player.x < enemies[i].x + enemies[i].width &&
          player.x + player.width > enemies[i].x &&
          player.y < enemies[i].y + enemies[i].height &&
          player.y + player.height > enemies[i].y
        ) {
          gameOver();
        }

// Remove enemies that are off-screen
        if (enemies[i].x + enemies[i].width < 0) {
          enemies.splice(i, 1);
        }
      }

// Drawing
      context.fillStyle = "#000";
      context.fillRect(player.x, player.y, player.width, player.height);

context.fillStyle = "#f00";
      context.fillRect(bowser.x, bowser.y, bowser.width, bowser.height);

context.fillStyle = "#00f";
      for (let i = 0; i < enemies.length; i++) {
        context.fillRect(enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
      }

requestAnimationFrame(gameLoop);
    }

// Game over function
    function gameOver() {
      alert("Game Over");
      resetGame();
    }

// Reset game function
    function resetGame() {
      player.x = 50;
      player.y = canvas.height - 70;
      player.xSpeed = 5;
      player.ySpeed = 0;
      player.jumping = false;

bowser.x = canvas.width - 100;
      bowser.y = canvas.height - 70;
      bowser.xSpeed = -2;

enemies = [];
    }

// Start the game loop
    gameLoop();

// Spawn enemies every 1.5 seconds
    setInterval(spawnEnemy, 1500);
  </script>
</body>
</html>
```