Auto ai space invaders tower defence idle's game

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

No:48521

132

←

Prev Next

→

Auto ai space invaders tower defence idle
Developer User18896｜Date and time 24/3/2 12:11:43
Build time 8.163 sec｜Game capacity 2.924KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Space Invaders Tower Defense Idle</title>
    <style>
        canvas {
            border: 1px solid black;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        // JavaScript code for Space Invaders Tower Defense Idle game goes here

// Create canvas and get context
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

// Game variables
        let score = 0;
        let towers = [];
        let enemies = [];

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

draw() {
                ctx.fillStyle = "#ff0000";
                ctx.fillRect(this.x, this.y, 20, 20);
            }
        }

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

draw() {
                ctx.fillStyle = "#00ff00";
                ctx.fillRect(this.x, this.y, 20, 20);
            }

move() {
                this.x += this.speed;
            }
        }

// Function to spawn enemies
        function spawnEnemy() {
            const enemy = new Enemy(0, Math.random() * canvas.height);
            enemies.push(enemy);
        }

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

// Draw towers
            towers.forEach(tower => {
                tower.draw();
            });

// Draw enemies
            enemies.forEach(enemy => {
                enemy.draw();
                enemy.move();
            });

// Check for collision between towers and enemies
            towers.forEach(tower => {
                enemies.forEach(enemy => {
                    if (Math.hypot(tower.x - enemy.x, tower.y - enemy.y) < tower.range) {
                        enemy.health -= tower.damage;
                        if (enemy.health <= 0) {
                            score += 10;
                            enemies.splice(enemies.indexOf(enemy), 1);
                        }
                    }
                });
            });

// Update score
            ctx.fillStyle = "#000";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 30);

// Spawn enemies
            if (Math.random() < 0.01) {
                spawnEnemy();
            }

requestAnimationFrame(gameLoop);
        }

// Start game
        gameLoop();
    </script>
</body>
</html>