Like Mario, its almost impossible to play.'s game

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

No:2883

1285

←

Prev Next

→

Like Mario, its almost impossible to play.
Developer anonymous｜Date and time 23/8/14 16:22:41
Build time 4407 sec｜Game capacity 4.407KB｜

Script

※ これは、マリオに似たゲームですが、マリオブランドには属しません。また、絵文字は含まれていません。プレーヤーは、画面下に表示されている赤いブロックをクリックまたはタップしてジャンプできます。白いブロックは障害物であり、画面右から左に移動します。障害物にぶつかると、ゲームオーバーになります。ゲームを再度プレイするには、画面を更新してください。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>マリおジャンプ</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <style>
      body {
        margin: 0;
        padding: 0;
        background-color: #50c878;
      }

#player {
        background-color: red;
        width: 50px;
        height: 50px;
        position: absolute;
        bottom: 0;
        left: 0;
      }

.obstacle {
        background-color: white;
        width: 60px;
        height: 60px;
        position: absolute;
        bottom: 0;
        left: calc(100% - 60px);
        animation: obstacleMove 2s linear infinite;
      }

.obstacle:nth-of-type(1) {
        bottom: 0;
        height: 100px;
        animation-delay: 0.5s;
      }

.obstacle:nth-of-type(2) {
        bottom: 100px;
        height: 60px;
        animation-delay: 1.5s;
      }

.obstacle:nth-of-type(3) {
        bottom: 200px;
        height: 80px;
        animation-delay: 2.5s;
      }

.obstacle:nth-of-type(4) {
        bottom: 0;
        height: 60px;
        animation-delay: 3.5s;
      }

@keyframes obstacleMove {
        from {
          left: calc(100% - 60px);
        }
        to {
          left: -60px;
        }
      }
    </style>
  </head>
  <body>
    <div id="player"></div>
    <div class="obstacle"></div>
    <div class="obstacle"></div>
    <div class="obstacle"></div>
    <div class="obstacle"></div>

player.addEventListener("click", jump);
      player.addEventListener("touchstart", jump);

function jump() {
        if (!isJumping) {
          isJumping = true;
          jumpCount = 0;
        }
      }

function gameLoop() {
        const playerBottom = parseInt(
          window.getComputedStyle(player).getPropertyValue("bottom")
        );
        const obstacle1Left = parseInt(
          window.getComputedStyle(obstacles[0]).getPropertyValue("left")
        );
        const obstacle2Left = parseInt(
          window.getComputedStyle(obstacles[1]).getPropertyValue("left")
        );
        const obstacle3Left = parseInt(
          window.getComputedStyle(obstacles[2]).getPropertyValue("left")
        );
        const obstacle4Left = parseInt(
          window.getComputedStyle(obstacles[3]).getPropertyValue("left")
        );

if (playerBottom < 250) {
          player.style.bottom = (playerBottom + 3) + "px";
        }
        
        if (isJumping) {
          jumpCount++;
          const jumpHeight = 100;
          if (jumpCount < jumpHeight / 3) {
            player.style.bottom = (playerBottom + 10) + "px";
          } else if (jumpCount < (jumpHeight / 3) * 2) {
            player.style.bottom = (playerBottom + 5) + "px";
          } else if (jumpCount < jumpHeight) {
            player.style.bottom = (playerBottom + 3) + "px";
          } else {
            isJumping = false;
          }
        }

if (
          obstacle1Left < 100 &&
          obstacle1Left > 0 &&
          playerBottom < 100
        ) {
          alert(":(");
          location.reload();
        } else if (
          obstacle2Left < 100 &&
          obstacle2Left > 0 &&
          playerBottom < 60
        ) {
          alert(":(");
          location.reload();
        } else if (
          obstacle3Left < 100 &&
          obstacle3Left > 0 &&
          playerBottom < 80
        ) {
          alert(":(");
          location.reload();
        } else if (
          obstacle4Left < 100 &&
          obstacle4Left > 0 &&
          playerBottom < 60
        ) {
          alert(":(");
          location.reload();
        }
      }

setInterval(gameLoop, 10);
    </script>
  </body>
</html>

※ これは、マリオに似たゲームですが、マリオブランドには属しません。また、絵文字は含まれていません。 プレーヤーは、画面下に表示されている赤いブロックをクリックまたはタップしてジャンプできます。白いブロックは障害物であり、画面右から左に移動します。障害物にぶつかると、ゲームオーバーになります。ゲームを再度プレイするには、画面を更新してください。