A platformer based off of mario's game

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

No:30035

←

Prev Next

→

A platformer based off of mario
Developer User14691｜Date and time 23/12/20 9:47:24
Build time 10.168 sec｜Game capacity 2.681KB｜

Script

Sure! Here's a simple implementation of a platformer game based off of Mario using JavaScript and HTML:

The code sets up a simple platformer game with a red player character (`div#player`) and two green platforms (`div.platform`). The player can jump on the platforms by pressing the up arrow key. The player is affected by gravity and will fall to the ground if not on a platform. The game loop continuously updates the player's position based on gravity and platform collisions. Please note that this is a basic implementation and lacks many features found in a complete platformer game. You can expand on it by adding more levels, enemies, power-ups, scoring, and other game mechanics.

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

Sure! Here's a simple implementation of a platformer game based off of Mario using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: red;
    }
    .platform {
      position: absolute;
      width: 100px;
      height: 20px;
      background-color: green;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div class="platform" style="left: 200px; top: 300px;"></div>
  <div class="platform" style="left: 400px; top: 250px;"></div>

var player = document.getElementById("player");
    var platforms = document.getElementsByClassName("platform");

var gravity = 0.5;
    var playerVerticalSpeed = 0;
    var jumping = false;
    var jumpForce = 10;

function jump() {
      if (!jumping) {
        jumping = true;
        playerVerticalSpeed = -jumpForce;
      }
    }

function applyGravity() {
      playerVerticalSpeed += gravity;
    }

function updatePlayerPosition() {
      var playerRect = player.getBoundingClientRect();
      for (var i = 0; i < platforms.length; i++) {
        var platformRect = platforms[i].getBoundingClientRect();
        
        if (isColliding(playerRect, platformRect)) {
          // Collision detected, stop jumping and adjust player position
          jumping = false;
          playerVerticalSpeed = 0;
          player.style.top = (platformRect.top - playerRect.height) + "px";
        }
      }

player.style.top = (player.offsetTop + playerVerticalSpeed) + "px";
    }

function isColliding(rect1, rect2) {
      return rect1.left < rect2.right &&
             rect1.right > rect2.left &&
             rect1.top < rect2.bottom &&
             rect1.bottom > rect2.top;
    }

function gameLoop() {
      applyGravity();
      updatePlayerPosition();
      requestAnimationFrame(gameLoop);
    }

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

Please note that this is a basic implementation and lacks many features found in a complete platformer game. You can expand on it by adding more levels, enemies, power-ups, scoring, and other game mechanics.