Tower defense game. Two slow red boxes will come with 3 Health, when you press attack enemies the button on the top 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

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

No:11997

←

Prev Next

→

Tower defense game. Two slow red boxes will come w..ALL
Developer User3709｜Date and time 23/8/13 8:28:45
Build time 20.397 sec｜Game capacity 3.477KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Tower Defense Game</title>
    <style>
        #gameContainer {
            position: relative;
            width: 400px;
            height: 400px;
        }

.enemy {
            position: absolute;
            width: 40px;
            height: 40px;
            background-color: red;
            border: 1px solid black;
        }

#playerContainer {
            margin-top: 10px;
        }

#btnAttack {
            width: 120px;
            height: 40px;
            font-size: 16px;
        }
    </style>
</head>
<body>
    <div id="gameContainer">
    </div>
    <div id="playerContainer">
        <button id="btnAttack">Attack Enemies</button>
    </div>

// Game Functions
        function createEnemy(type, health) {
            let enemy = document.createElement("div");
            enemy.classList.add("enemy");
            enemy.style.left = `${gameContainer.offsetWidth}px`;
            gameContainer.appendChild(enemy);

let enemyObj = {
                element: enemy,
                health: health,
                speed: type === 'slow' ? 2 : 4,
                type: type
            };

animateEnemy(enemyObj);

return enemyObj;
        }

function animateEnemy(enemy) {
            let position = gameContainer.offsetWidth;

let id = setInterval(frame, 10);

function attackEnemies() {
            for (let i = 0; i < gameContainer.children.length; i++) {
                if (gameContainer.children[i].classList.contains("enemy")) {
                    let enemy = gameContainer.children[i].enemyObj;
                    enemy.health -= playerDamage;

if (enemy.health <= 0) {
                        gameContainer.removeChild(gameContainer.children[i]);
                    }
                }
            }
        }

function startNextWave() {
            if (wave === 5) {
                createEnemy('slow', bigSlowEnemyHealth);
                enemyCount++;
            } else {
                createEnemy('slow', slowRedBoxHealth);
                createEnemy('slow', slowRedBoxHealth);
                enemyCount += 2;
            }

createEnemy('fast', fastRedBoxHealth);
            enemyCount++;
            wave++;

if (wave > 5) {
                slowRedBoxHealth += 5;
                fastRedBoxHealth += 5;
                bigSlowEnemyHealth += 10;
            }
        }

// Game Initialization
        btnAttack.addEventListener("click", attackEnemies);

for (let i = 0; i < enemyCount; i++) {
            createEnemy('slow', slowRedBoxHealth);
        }

setInterval(startNextWave, 3000);
    </script>
</body>
</html>