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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
Like Mario, its almost impossible to play.'s game | AI game creator

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

No:2883

2160

←

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>

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