Ein endloses jump and run game mir Gegnern die man besiegen kann wenn man auf sie draufspringt's game

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

No:22506

←

Prev Next

→

Ein endloses jump and run game mir Gegnern die man..ALL
Developer User10375｜Date and time 23/10/22 23:43:55
Build time 31.411 sec｜Game capacity 2.069KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Jump and Run Game</title>
    <style>
      #game-container {
        width: 100%;
        height: 400px;
        border: 1px solid #000;
        background-color: #ccc;
        position: relative;
      }
      #player {
        width: 50px;
        height: 50px;
        background-color: #ff0000;
        position: absolute;
        bottom: 0;
      }
      .enemy {
        width: 50px;
        height: 50px;
        background-color: #0000ff;
        position: absolute;
        bottom: 0;
      }
    </style>
  </head>
  <body>
    <div id="game-container">
      <div id="player"></div>
    </div>
    <script>
      var player = document.getElementById("player");
      var gameContainer = document.getElementById("game-container");
      var gameInterval;
      var isJumping = false;
  
      function startGame() {
        gameInterval = setInterval(moveEnemies, 2000);
      }
  
      function jump() {
        if (!isJumping) {
          isJumping = true;
          player.style.bottom = "150px";
          setTimeout(function () {
            player.style.bottom = "0";
            isJumping = false;
          }, 500);
        }
      }
  
      function moveEnemies() {
        var enemies = document.getElementsByClassName("enemy");
        for (var i = 0; i < enemies.length; i++) {
          var enemy = enemies[i];
          var enemyPosition = parseInt(enemy.style.right, 10);
          enemy.style.right = enemyPosition + 50 + "px";
          if (enemyPosition >= gameContainer.clientWidth) {
            enemy.parentNode.removeChild(enemy);
          }
        }
        createEnemy();
      }
  
      function createEnemy() {
        var enemy = document.createElement("div");
        enemy.className = "enemy";
        enemy.style.right = "-50px";
        enemy.onclick = function () {
          enemy.parentNode.removeChild(enemy);
        };
        gameContainer.appendChild(enemy);
      }
  
      startGame();
  
      document.addEventListener("click", jump);
    </script>
  </body>
</html>