Tower defence auto run ai vs ai's game

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

No:52509

329

←

Prev Next

→

Tower defence auto run ai vs ai
Developer User18896｜Date and time 24/3/22 11:31:28
Build time 10.94 sec｜Game capacity 1.737KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tower Defence Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const enemies = [];
        const towers = [];

class Enemy {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.health = 100;
            }

draw() {
                ctx.fillStyle = 'red';
                ctx.fillRect(this.x, this.y, 20, 20);
            }

update() {
                this.x += 1;
            }
        }

class Tower {
            constructor(x, y) {
                this.x = x;
                this.y = y;
            }

draw() {
                ctx.fillStyle = 'blue';
                ctx.fillRect(this.x, this.y, 20, 20);
            }

update() {
                // Tower AI logic
            }
        }

function spawnEnemies() {
            const enemy = new Enemy(0, Math.random() * 600);
            enemies.push(enemy);
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

for (let enemy of enemies) {
                enemy.update();
                enemy.draw();
            }

for (let tower of towers) {
                tower.update();
                tower.draw();
            }

requestAnimationFrame(gameLoop);
        }

setInterval(spawnEnemies, 1000);

requestAnimationFrame(gameLoop);
    </script>
</body>
</html>
```