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

No:24273

A tower defence were the more rounds you get throu..ALL
Developer User11394｜Date and time 23/11/7 2:36:15
Build time 157.024 sec｜Game capacity 4.89KB｜

Script

Below is an example of a tower defense game implemented as a single HTML file using JavaScript and enclosed in script tags. The game features robot towers, human enemies, cyborg boss waves, tower upgrades, and endless gameplay.

Robot Tower Defense

To play the game, you can save the above code into a file with a ".html" extension, open it in a web browser (on a smartphone or computer), and interact with the game through the tower positions and enemy movements. The game never ends, and the towers get gradually upgraded as you progress through the rounds.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>Robot Tower Defense</title>
  <style>
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    #game-canvas {
      margin-top: 20px;
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <h1>Robot Tower Defense</h1>
    <canvas id="game-canvas" width="800" height="600"></canvas>
  </div>

// Tower Class
    class Tower {
      constructor(x, y) {
        this.x = x;
        this.y = y;
        this.range = 100;
        this.damage = 10;
      }
    }

// Enemy Class
    class Enemy {
      constructor() {
        this.x = 700;
        this.y = 300;
        this.health = 100;
        this.speed = Math.random() * 2 + 1;
      }
    }

// Bullet Class
    class Bullet {
      constructor(x, y, targetEnemy) {
        this.x = x;
        this.y = y;
        this.targetEnemy = targetEnemy;
      }
    }

// Initialize Game
    function init() {
      canvas = document.getElementById("game-canvas");
      ctx = canvas.getContext("2d");
      towers = [];
      enemies = [];
      bullets = [];
      round = 1;

// Create initial towers
      towers.push(new Tower(100, 100));
      towers.push(new Tower(300, 300));
      towers.push(new Tower(500, 500));

// Start game loop
      gameInterval = setInterval(gameLoop, 16);
    }

// Game Loop
    function gameLoop() {
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw towers
      towers.forEach(function(tower) {
        ctx.fillStyle = "#003366";
        ctx.fillRect(tower.x, tower.y, 20, 20);
      });

// Draw enemies
      enemies.forEach(function(enemy) {
        ctx.fillStyle = "#FF0000";
        ctx.fillRect(enemy.x, enemy.y, 20, 20);
      });

// Draw bullets
      bullets.forEach(function(bullet) {
        ctx.fillStyle = "#00FF00";
        ctx.fillRect(bullet.x, bullet.y, 5, 5);
      });

// Tower Actions
      towers.forEach(function(tower) {
        // Find nearest enemy within range
        var targetEnemy = null;
        var minDistance = Infinity;

enemies.forEach(function(enemy) {
          var distance = Math.sqrt(
            Math.pow(enemy.x - tower.x, 2) + Math.pow(enemy.y - tower.y, 2)
          );
          if (distance < minDistance && distance < tower.range) {
            minDistance = distance;
            targetEnemy = enemy;
          }
        });

// Shoot at the enemy
        if (targetEnemy) {
          bullets.push(new Bullet(tower.x, tower.y, targetEnemy));
        }
      });

// Move enemies and check collisions with bullets
      enemies.forEach(function(enemy) {
        if (enemy.x > 0) {
          enemy.x -= enemy.speed;
        } else {
          // Game over condition
          clearInterval(gameInterval);
          alert("Game Over! You reached round " + round);
        }

// Check collisions with bullets
        bullets.forEach(function(bullet) {
          if (
            bullet.targetEnemy &&
            bullet.x >= bullet.targetEnemy.x &&
            bullet.x <= bullet.targetEnemy.x + 20 &&
            bullet.y >= bullet.targetEnemy.y &&
            bullet.y <= bullet.targetEnemy.y + 20
          ) {
            // Remove bullet and damage enemy
            bullets.splice(bullets.indexOf(bullet), 1);
            bullet.targetEnemy.health -= tower.damage;

// Check if enemy is destroyed
            if (bullet.targetEnemy.health <= 0) {
              enemies.splice(enemies.indexOf(bullet.targetEnemy), 1);
            }
          }
        });
      });

// Remove off-screen bullets
      bullets = bullets.filter(function(bullet) {
        return bullet.x <= canvas.width;
      });

// Spawn new enemies with increasing difficulty
      if (Math.random() < 0.02) {
        enemies.push(new Enemy());
      }

// Progress to the next round
      if (enemies.length === 0) {
        round++;
        towers.forEach(function(tower) {
          tower.range += 10;
          tower.damage += 5;
        });
      }
    }

// Start the game
    init();
  </script>
</body>
</html>
```