Make a game just like mario where you can jump and move right and left's game

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

No:11099

←

Prev Next

→

Make a game just like mario where you can jump and..ALL
Developer unknown｜Date and time 23/8/7 21:29:31
Build time 25.543 sec｜Game capacity 3.025KB｜

Script

Sure! Here's an example of a simple game like Mario that you can play using the arrow keys to move right and left, and the spacebar to jump. I will provide the code in a single HTML file, enclosed in script tags and written in JavaScript.

To play the game, save the above code into an HTML file (e.g., `mario.html`) and open it using a web browser. The game starts automatically, and you can control the player character by using the arrow keys to move right and left, and the spacebar to jump. The player character is represented by a red square. The game takes place on a blue background. Note: This is a simple implementation of a Mario-like game and may require further enhancements and features to match the complexity and gameplay of the original Mario game.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Mario Game</title>
    <style>
      #game {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background-color: #70c5ce;
      }

#player {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50px;
        height: 50px;
        background-color: #f00;
      }
    </style>
  </head>
<body>
  <script>
    // Function to handle keydown event
    function handleKeyPress(event) {
      if (event.code === "ArrowRight") {
        moveRight();
      } else if (event.code === "ArrowLeft") {
        moveLeft();
      } else if (event.code === "Space") {
        jump();
      }
    }

// Function to move player right
    function moveRight() {
      var player = document.getElementById("player");
      var currentPosition = parseInt(player.style.left || 0);
      player.style.left = currentPosition + 10 + "px";
    }

// Function to move player left
    function moveLeft() {
      var player = document.getElementById("player");
      var currentPosition = parseInt(player.style.left || 0);
      player.style.left = currentPosition - 10 + "px";
    }

// Function to make player jump
    function jump() {
      var player = document.getElementById("player");
      var currentPosition = parseInt(player.style.bottom || 0);
      var jumpHeight = 100;
      
      function animateJump() {
        if (currentPosition < jumpHeight) {
          currentPosition += 5;
          player.style.bottom = currentPosition + "px";
          requestAnimationFrame(animateJump);
        } else {
          animateFall();
        }
      }
      
      function animateFall() {
        if (currentPosition > 0) {
          currentPosition -= 5;
          player.style.bottom = currentPosition + "px";
          requestAnimationFrame(animateFall);
        }
      }
      
      animateJump();
    }

// Start the game
    window.onload = function() {
      document.addEventListener("keydown", handleKeyPress);
    };
  </script>

<div id="game">
    <div id="player"></div>
  </div>
</body>
</html>
```

Note: This is a simple implementation of a Mario-like game and may require further enhancements and features to match the complexity and gameplay of the original Mario game.