Tower defence auto run's game

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

No:52504

186

←

Prev Next

→

Tower defence auto run
Developer User18896｜Date and time 24/3/22 11:29:12
Build time 5.432 sec｜Game capacity 1.416KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Tower Defence Game</title>
  <style>
    #game-board {
      width: 400px;
      height: 400px;
      border: 1px solid black;
      position: relative;
    }
    .tower {
      width: 50px;
      height: 50px;
      background-color: gray;
      position: absolute;
    }
    .enemy {
      width: 20px;
      height: 20px;
      background-color: red;
      position: absolute;
      top: 200px;
      left: 0;
    }
  </style>
</head>
<body>
  <div id="game-board">
    <div class="tower" style="top: 50px; left: 50px;"></div>
    <div class="tower" style="top: 150px; left: 150px;"></div>
    <div class="tower" style="top: 250px; left: 250px;"></div>
    <div class="enemy"></div>
  </div>

let enemyPosition = 0;

function moveEnemy() {
      enemyPosition += 5;
      enemy.style.left = `${enemyPosition}px`;

if (enemyPosition > 360) {
        alert('Game Over!');
        clearInterval(gameInterval);
      }
    }

const gameInterval = setInterval(moveEnemy, 100);

towers.forEach((tower) => {
      tower.addEventListener('click', () => {
        tower.style.backgroundColor = 'green';
        setTimeout(() => {
          tower.style.backgroundColor = 'gray';
        }, 1000);
      });
    });
  </script>
</body>
</html>