Make a version of Mario were you can jump ,go left and right,jump on gommbas ;and hit bricks's game

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

No:11123

126

←

Prev Next

→

Make a version of Mario were you can jump ,go left..ALL
Developer unknown｜Date and time 23/8/8 0:27:48
Build time 27.097 sec｜Game capacity 3.709KB｜

Script

Sure! Here's a sample implementation of a simplified version of the Mario game using JavaScript and HTML:

This is a basic implementation of a Mario-like game where you can move left and right using the left and right arrow keys, respectively. You can jump by pressing the up arrow key. The player (represented by the red square) can jump on the goombas (represented by the brown squares). I used simple CSS styles for the visuals of the game. The collision detection between the player and goombas is checked every 100ms. Note that this is a simplified example and not a full-fledged game. You can add more features, levels, etc. as per your requirements.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a sample implementation of a simplified version of the Mario game using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #game {
      width: 400px;
      height: 200px;
      background-color: #E0E0E0;
      position: relative;
    }
    #player {
      width: 20px;
      height: 20px;
      background-color: red;
      position: absolute;
      bottom: 0;
      left: 0;
    }
    .brick {
      width: 40px;
      height: 20px;
      background-color: #808080;
      position: absolute;
    }
    .goomba {
      width: 20px;
      height: 20px;
      background-color: brown;
      position: absolute;
      bottom: 0;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
    <div class="brick" style="bottom: 20px; left: 60px;"></div>
    <div class="brick" style="bottom: 40px; left: 60px;"></div>
    <div class="goomba" style="left: 150px;"></div>
  </div>

// Function to move the player left
    function moveLeft() {
      var playerElement = document.getElementById('player');
      var playerLeft = parseInt(playerElement.style.left) || 0;
      if (playerLeft > 0) {
        playerElement.style.left = (playerLeft - 10) + 'px';
      }
    }

// Function to move the player right
    function moveRight() {
      var playerElement = document.getElementById('player');
      var gameElement = document.getElementById('game');
      var playerLeft = parseInt(playerElement.style.left) || 0;
      var gameWidth = parseInt(gameElement.style.width) || 0;
      if (playerLeft + 20 < gameWidth) {
        playerElement.style.left = (playerLeft + 10) + 'px';
      }
    }

// Function to make the player jump
    function jump() {
      var playerElement = document.getElementById('player');
      var playerBottom = parseInt(playerElement.style.bottom) || 0;
      if (playerBottom < 180) {
        playerElement.style.bottom = (playerBottom + 40) + 'px';
        setTimeout(function() {
          playerElement.style.bottom = playerBottom + 'px';
        }, 500);
      }
    }

// Function to check collision between player and goombas
    function checkCollision() {
      var playerElement = document.getElementById('player');
      var goombas = document.getElementsByClassName('goomba');
      Array.prototype.forEach.call(goombas, function(goomba) {
        var playerRect = playerElement.getBoundingClientRect();
        var goombaRect = goomba.getBoundingClientRect();
        if (playerRect.bottom >= goombaRect.top && playerRect.left <= goombaRect.right && playerRect.right >= goombaRect.left) {
          // Player hit a goomba, perform necessary actions here
          console.log('Player hit a goomba!');
        }
      });
    }

document.addEventListener('keydown', handleKeyPress);
    setInterval(checkCollision, 100);
  </script>
</body>
</html>
```

Note that this is a simplified example and not a full-fledged game. You can add more features, levels, etc. as per your requirements.