Mario but I can control him and there are an enemy and you should run from enemy and everyone is an character's game

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

No:34990

←

Prev Next

→

Mario but I can control him and there are an enemy..ALL
Developer User9045｜Date and time 24/1/12 22:02:13
Build time 15.129 sec｜Game capacity 3.412KB｜

Script

Sure! Here's a simple implementation of a game where you can control Mario, using JavaScript and pictograms. You'll need to save the code below in a single HTML file and open it in a web browser to play the game.

Please note that you will need to replace the image URLs for the Mario and enemy pictograms with valid URLs in the CSS part. Also, since the code doesn't include actual pictograms, you'll need to replace them with appropriate URLs of pictograms or sprite images representing Mario and the enemy.

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    #game-container {
      width: 400px;
      height: 200px;
      border: 1px solid black;
      position: relative;
    }
    #mario {
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 0;
      left: 0;
      background-image: url('https://example.com/mario.png'); /* Replace with Mario pictogram URL */
      background-size: contain;
    }
    #enemy {
      width: 50px;
      height: 50px;
      position: absolute;
      bottom: 0;
      right: 0;
      background-image: url('https://example.com/enemy.png'); /* Replace with enemy pictogram URL */
      background-size: contain;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="mario"></div>
    <div id="enemy"></div>
  </div>

// Function to move Mario left and right
    function moveMario(event) {
      if (event.keyCode === 37) { // Left arrow key
        if (xCoordinate > 0) {
          xCoordinate -= 10;
        }
      } else if (event.keyCode === 39) { // Right arrow key
        if (xCoordinate < gameContainer.offsetWidth - mario.offsetWidth) {
          xCoordinate += 10;
        }
      }
      mario.style.left = xCoordinate + "px";
    }

// Function to move the enemy towards Mario
    function moveEnemy() {
      if (enemy.offsetLeft > mario.offsetLeft) {
        enemy.style.left = enemy.offsetLeft - enemySpeed + "px";
        if ((enemy.offsetLeft + enemy.offsetWidth) < mario.offsetLeft) {
          enemySpeed = Math.floor(Math.random() * 10) + 2; // Randomize enemy speed
        }
      } else {
        enemy.style.left = enemy.offsetLeft + enemySpeed + "px";
        if (enemy.offsetLeft > (mario.offsetLeft + mario.offsetWidth)) {
          enemySpeed = Math.floor(Math.random() * 10) + 2; // Randomize enemy speed
        }
      }
    }

// Function to check if Mario is caught by the enemy
    function checkCollision() {
      var marioRect = mario.getBoundingClientRect();
      var enemyRect = enemy.getBoundingClientRect();

if (
        marioRect.top <= enemyRect.bottom &&
        marioRect.bottom >= enemyRect.top &&
        marioRect.left <= enemyRect.right &&
        marioRect.right >= enemyRect.left
      ) {
        clearInterval(gameInterval);
        alert("Game Over!"); // Display a game over message
      }
    }

// Add event listener to listen for arrow key presses
    document.addEventListener("keydown", moveMario);

// Start the game loop
    var gameInterval = setInterval(function() {
      moveEnemy();
      checkCollision();
    }, 20);
  </script>
</body>
</html>
```