Platformer with enemy spam description of enemy: poo k○ll by jump's game | AI game creator

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

No:20922

67

Platformer with enemy spam description of enemy: p..ALL
Developer User9231｜Date and time 23/10/12 2:09:56
Build time 72.704 sec｜Game capacity 2.993KB｜

→ 　

0　

0　

　

　
　
　

[PR]現在のゲームギフトランキング

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

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
<title>Platformer Game</title>
<style>
#game {
  width: 400px;
  height: 300px;
  background-color: #e5e5e5;
  position: relative;
}
#player {
  width: 40px;
  height: 40px;
  background-color: blue;
  position: absolute;
  bottom: 0;
  left: 0;
}
.enemy {
  width: 40px;
  height: 40px;
  background-color: brown;
  position: absolute;
  bottom: 0;
  right: 0;
}
</style>
</head>
<body>
<div id="game">
  <div id="player"></div>
</div>

<script>
  var player = document.getElementById("player");
  var game = document.getElementById("game");
  
  var enemySpamInterval;
  var enemySpeed = 2;
  
  function jump() {
    var playerBottom = parseInt(player.style.bottom);
    if (playerBottom <= 0) return;
    
    var jumpInterval = setInterval(function() {
      playerBottom += 5;
      player.style.bottom = playerBottom + "px";
      
      if (playerBottom >= 40) {
        clearInterval(jumpInterval);
        
        setTimeout(function() {
          var gravityInterval = setInterval(function() {
            playerBottom -= 5;
            player.style.bottom = playerBottom + "px";
            
            if (playerBottom <= 0) {
              clearInterval(gravityInterval);
            }
          }, 20);
        }, 200);
      }
    }, 20);
  }
  
  function startGame() {
    enemySpamInterval = setInterval(spawnEnemy, 1000);
    document.addEventListener("keydown", jump);
    
    moveEnemies();
  }
  
  function spawnEnemy() {
    var enemy = document.createElement("div");
    enemy.className = "enemy";
    game.appendChild(enemy);
    
    var enemyMoveInterval = setInterval(function() {
      var enemyRight = parseInt(enemy.style.right);
      enemyRight += enemySpeed;
      enemy.style.right = enemyRight + "px";
      
      if (enemyRight >= 360) {
        clearInterval(enemyMoveInterval);
        game.removeChild(enemy);
      }
      
      if (isCollision(player, enemy)) {
        clearInterval(enemyMoveInterval);
        clearInterval(enemySpamInterval);
        alert("Game Over!");
      }
    }, 20);
  }
  
  function isCollision(element1, element2) {
    var element1Rect = element1.getBoundingClientRect();
    var element2Rect = element2.getBoundingClientRect();
    
    return !(element1Rect.top > element2Rect.bottom || 
             element1Rect.bottom < element2Rect.top || 
             element1Rect.right < element2Rect.left || 
             element1Rect.left > element2Rect.right);
  }
  
  function moveEnemies() {
    var enemies = document.getElementsByClassName("enemy");
    var numOfEnemies = enemies.length;
    
    for (var i = 0; i < numOfEnemies; i++) {
      var enemy = enemies[i];
      var enemyBottom = parseInt(enemy.style.bottom);
      
      enemyBottom += 5;
      enemy.style.bottom = enemyBottom + "px";
      
      if (enemyBottom >= 40) {
        enemySpeed += 0.5;
        break;
      }
    }
    
    setTimeout(moveEnemies, 1000);
  }
  
  startGame();
</script>
</body>
</html>