A game where you have to merge towers and upgrade your tower and k○ll enemies's game

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

No:18341

←

Prev Next

→

A game where you have to merge towers and upgrade ..ALL
Developer User6337｜Date and time 23/9/28 10:35:28
Build time 39.895 sec｜Game capacity 4.179KB｜

Script

Sure! Here's a simple game where you can merge towers, upgrade them, and defeat enemies. The game will be implemented as a single HTML file and will use JavaScript. Please note that the game logic will be simplified for the sake of this example.

This game creates a game board with four initial towers. When you click on two adjacent towers with the same level, they will merge into a new tower with the next level. The merged tower will then attack the enemy. The game also includes a simple Enemy class and a test attack on an enemy instance.

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Tower Merger Game</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-family: Arial, sans-serif;
    }
    #game-board {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      max-width: 400px;
    }
    .tower {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid black;
      height: 80px;
      font-size: 24px;
    }
    .tower-1 {
      background-color: #FFD700;
    }
    .tower-2 {
      background-color: #FF4500;
    }
    .tower-3 {
      background-color: #1E90FF;
    }
    .enemy {
      display: flex;
      justify-content: center;
      align-items: center;
      border: 1px solid black;
      height: 80px;
      font-size: 24px;
      background-color: #FF0000;
      color: #FFF;
    }
  </style>
</head>
<body>
  <div id="game-board"></div>

// Enemy class
    class Enemy {
      constructor() {
        this.health = 100;
      }
      takeDamage(damage) {
        this.health -= damage;
        console.log(`Enemy health: ${this.health}`);
        if (this.health <= 0) {
          console.log("Enemy defeated!");
        }
      }
    }

// Game logic
    const gameBoard = document.querySelector("#game-board");
    const towers = [];

// Create initial towers
    for (let i = 0; i < 4; i++) {
      const tower = new Tower(Math.floor(Math.random() * 3) + 1);
      towers.push(tower);
      const towerElement = document.createElement("div");
      towerElement.classList.add("tower", `tower-${tower.level}`);
      towerElement.textContent = `Lvl ${tower.level}`;
      gameBoard.appendChild(towerElement);
    }

// Merge towers on click
    gameBoard.addEventListener("click", mergeTowers);

function mergeTowers(event) {
      const clickedTowerIndex = Array.from(gameBoard.children).indexOf(event.target);
      const mergedTower = mergeAdjacentTowers(clickedTowerIndex);
      if (mergedTower !== null) {
        // Remove old towers from the game board
        Array.from(gameBoard.children).forEach((child, index) => {
          if (index === clickedTowerIndex || index === clickedTowerIndex - 1) {
            gameBoard.removeChild(child);
          }
        });

// Add merged tower to the game board
        const mergedTowerElement = document.createElement("div");
        mergedTowerElement.classList.add("tower", `tower-${mergedTower.level}`);
        mergedTowerElement.textContent = `Lvl ${mergedTower.level}`;
        gameBoard.insertBefore(mergedTowerElement, gameBoard.children[clickedTowerIndex]);

// Start attack on merged tower
        mergedTower.attack();
      }
    }

function mergeAdjacentTowers(clickedTowerIndex) {
      const towerA = towers[clickedTowerIndex];
      const towerB = towers[clickedTowerIndex - 1];
      if (towerA && towerB && towerA.level === towerB.level) {
        const mergedLevel = towerA.level + 1;
        const mergedTower = new Tower(mergedLevel);
        towers[clickedTowerIndex] = mergedTower;
        towers.splice(clickedTowerIndex - 1, 1);
        return mergedTower;
      }
      return null;
    }

// Create enemy and test attack
    const enemy = new Enemy();
    enemy.takeDamage(50);
  </script>
</body>
</html>
```