Tower defense game. When the game starts, two slow red boxes will come with 3 Health, when you press attack enemies, you will deal 3 damage to them. If they're health gets to 0, they will die and then fast red boxes and 3 slow red boxes will come. Again the slow red boxes will have 3 HP, and the fast red box has 7 HP. Every wave, the enemies will either get faster or get more health. Every wave there will atleast be 2 slow red boxes with 3 health. At wave 5, there will be big slow enemy with 90's game | AI game creator

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

No:11996

72

Tower defense game. When the game starts, two slow..ALL
Developer User3709｜Date and time 23/8/13 8:27:31
Build time 27.484 sec｜Game capacity 7.086KB｜

→ 　

0　

0　

[PR]現在の売れ筋Kindle本ランキング

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

(C)2023 HisashiApp

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

<script type="text/javascript">
        // Game Constants
        const enemySize = 40;
        const slowSpeed = 1;
        const fastSpeed = 2;
        const slowEnemyHealth = 3;
        const fastEnemyHealth = 7;
        const bigEnemyHealth = 90;
        const wavesUntilBigEnemy = 5;
        
        // Game Variables
        let canvas;
        let canvasContext;
        let playerDamage = 3;
        let playerScore = 0;
        let currentWave = 1;
        let enemyCount = 2;
        let slowEnemiesCount = 2;
        let fastEnemiesCount = 0;
        let bigEnemiesCount = 0;
        let waveDifficultyIncrease = false;
        
        // Player Object
        let player = {
            health: 100,
            x: 20,
            y: 300,
            width: 40,
            height: 40,
            color: "green",
            attack: function() {
                for(let i = 0; i < enemies.length; i++) {
                    if(enemies[i].isAlive && this.isColliding(enemies[i])) {
                        enemies[i].health -= playerDamage;
                        if(enemies[i].health <= 0) {
                            enemies[i].isAlive = false;
                            playerScore += 10;
                        }
                    }
                }
            },
            isColliding: function(enemy) {
                return this.x < enemy.x + enemySize &&
                    this.x + this.width > enemy.x &&
                    this.y < enemy.y + enemySize &&
                    this.y + this.height > enemy.y;
            }
        };
        
        // Enemy Object
        let enemy = {
            health: 0,
            x: 800,
            y: 300,
            width: enemySize,
            height: enemySize,
            color: "red",
            speed: 0,
            isAlive: false,
            update: function() {
                this.x -= this.speed;
                if(this.x < 0) {
                    if(this === bigEnemy) {
                        if(bigEnemiesCount > 1)
                            bigEnemiesCount--;
                        this.reset();
                    } else if(this.speed === slowSpeed) {
                        if(slowEnemiesCount > 1)
                            slowEnemiesCount--;
                        this.reset();
                        if(waveDifficultyIncrease && slowEnemyHealth < bigEnemyHealth)
                            slowEnemyHealth += 2;
                    } else if(this.speed === fastSpeed) {
                        if(fastEnemiesCount > 1)
                            fastEnemiesCount--;
                        this.reset();
                        if(waveDifficultyIncrease && fastEnemyHealth < bigEnemyHealth)
                            fastEnemyHealth += 2;
                    }
                }
            },
            reset: function() {
                this.speed = 0;
                this.health = 0;
                this.x = 800;
                this.isAlive = false;
                waveDifficultyIncrease = false;
            }
        };
        
        // Wave generation
        let generateEnemies = function() {
            slowEnemiesCount = 2;
            fastEnemiesCount = 0;
            bigEnemiesCount = 0;
            currentWave++;
            if(currentWave % wavesUntilBigEnemy === 0) {
                bigEnemiesCount++;
                bigEnemy.speed = slowSpeed;
                bigEnemy.health = bigEnemyHealth;
                bigEnemy.isAlive = true;
                waveDifficultyIncrease = true;
            } else {
                for(let i = 1; i <= enemyCount; i++) {
                    if(i % 2 === 0) {
                        fastEnemiesCount++;
                        fastEnemy.speed = fastSpeed;
                        fastEnemy.health = fastEnemyHealth;
                        fastEnemy.isAlive = true;
                    } else {
                        slowEnemiesCount++;
                        slowEnemy.speed = slowSpeed;
                        slowEnemy.health = slowEnemyHealth;
                        slowEnemy.isAlive = true;
                    }
                }
            }
        };
        
        // Game Loop
        let updateGame = function() {
            drawGame();
            player.attack();
            playerScoreDisplay.innerHTML = "Score: " + playerScore;
            
            for(let i = 0; i < enemies.length; i++) {
                if(enemies[i].isAlive) {
                    enemies[i].update();
                    drawObject(enemies[i]);
                    if(player.isColliding(enemies[i])) {
                        player.health -= 10;
                        if(player.health <= 0) {
                            alert("Game Over! Your score: " + playerScore);
                            resetGame();
                        }
                    }
                }
            }
            if(slowEnemiesCount + fastEnemiesCount + bigEnemiesCount <= 0) {
                generateEnemies();
            }
        };
        
        // Drawing Functions
        let drawGame = function() {
            canvasContext.clearRect(0, 0, canvas.width, canvas.height);
            drawObject(player);
            drawObject(bigEnemy);
        };
        
        let drawObject = function(object) {
            canvasContext.fillStyle = object.color;
            canvasContext.fillRect(object.x, object.y, object.width, object.height);
        };
        
        // Resetting Game
        let resetGame = function() {
            player.health = 100;
            playerScore = 0;
            currentWave = 1;
            waveDifficultyIncrease = false;
            slowEnemiesCount = 2;
            fastEnemiesCount = 0;
            bigEnemiesCount = 0;
            for(let i = 0; i < enemies.length; i++) {
                enemies[i].reset();
            }
        };
        
        // Initialization
        window.onload = function() {
            canvas = document.getElementById('gameCanvas');
            canvasContext = canvas.getContext('2d');
            playerScoreDisplay = document.getElementById('playerScore');
            
            slowEnemy = Object.create(enemy);
            slowEnemy.speed = slowSpeed;
            slowEnemy.health = slowEnemyHealth;
            slowEnemy.isAlive = true;
            
            fastEnemy = Object.create(enemy);
            fastEnemy.speed = fastSpeed;
            fastEnemy.health = fastEnemyHealth;
            
            bigEnemy = Object.create(enemy);
            bigEnemy.speed = slowSpeed;
            bigEnemy.health = bigEnemyHealth;
            
            enemies = [];
            enemies.push(slowEnemy);
            enemies.push(fastEnemy);
            enemies.push(bigEnemy);
            
            generateEnemies();
            
            setInterval(updateGame, 1000/60); // 60 frames per second
        };
    </script>
    
</body>
</html>