Tower defence auto run ai vs ai's game

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

No:52508

165

←

Prev Next

→

Tower defence auto run ai vs ai
Developer User18896｜Date and time 24/3/22 11:30:53
Build time 8.468 sec｜Game capacity 1.786KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Tower Defence Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      
      var playerTower = {
          x: 50,
          y: canvas.height/2,
          width: 30,
          height: 60
      };
      
      var enemyTower = {
          x: canvas.width - 80,
          y: canvas.height/2,
          width: 30,
          height: 60
      };
      
      var playerHealth = 100;
      var enemyHealth = 100;
      
      function drawTower(tower, color){
          ctx.fillStyle = color;
          ctx.fillRect(tower.x, tower.y, tower.width, tower.height);
      }
      
      function drawHealthBars(){
          ctx.fillStyle = "green";
          ctx.fillRect(10, 10, playerHealth, 10);
          ctx.fillStyle = "red";
          ctx.fillRect(canvas.width - 110, 10, enemyHealth, 10);
      }
      
      function gameLoop(){
          ctx.clearRect(0, 0, canvas.width, canvas.height);
          drawTower(playerTower, "blue");
          drawTower(enemyTower, "red");
          drawHealthBars();
          
          // Implement AI logic here
          var playerShotDamage = Math.floor(Math.random() * 5) + 1;
          var enemyShotDamage = Math.floor(Math.random() * 5) + 1;
          
          enemyHealth -= playerShotDamage;
          playerHealth -= enemyShotDamage;
          
          if(playerHealth <= 0){
              alert("Enemy wins! Game Over!");
          } else if(enemyHealth <= 0){
              alert("Player wins! Game Over!");
          } else {
              setTimeout(gameLoop, 1000);
          }
      }
      
      gameLoop();
    </script>
</body>
</html>