Tower defence idle ai vs ai auto play shape wars's game

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

No:52517

145

←

Prev Next

→

Tower defence idle ai vs ai auto play shape wars
Developer User18896｜Date and time 24/3/22 11:35:40
Build time 7.037 sec｜Game capacity 2.134KB｜

Script

This code sets up a simple Tower Defense game where the player (blue square) battles against the enemy (red square) with health and attack damage. The game automatically plays itself by deducting health from each combatant at regular intervals. Visual representation of health bars are included using canvas drawing.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Shape Wars Tower Defense</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

let playerHealth = 100;
        let enemyHealth = 100;
        let playerDamage = 10;
        let enemyDamage = 5;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(50, 225, 50, 50);
        }

function drawEnemy() {
            ctx.fillStyle = 'red';
            ctx.fillRect(400, 225, 50, 50);
        }

function drawHealthBar() {
            ctx.fillStyle = 'green';
            ctx.fillRect(50, 10, playerHealth * 2, 10);
            ctx.fillStyle = 'red';
            ctx.fillRect(400, 10, enemyHealth * 2, 10);
        }

function playerAttack() {
            enemyHealth -= playerDamage;
        }

function enemyAttack() {
            playerHealth -= enemyDamage;
        }

function updateGame() {
            drawPlayer();
            drawEnemy();
            drawHealthBar();

if (playerHealth <= 0) {
                alert('Enemy wins! Game Over');
                playerHealth = 100;
                enemyHealth = 100;
            }
            if (enemyHealth <= 0) {
                alert('Player wins! Game Over');
                playerHealth = 100;
                enemyHealth = 100;
            }
        }

setInterval(() => {
            playerAttack();
            enemyAttack();
            updateGame();
            if (playerHealth <= 0 || enemyHealth <= 0) {
                playerHealth = 100;
                enemyHealth = 100;
            }
        }, 1000);
    </script>
</body>
</html>
```
This code sets up a simple Tower Defense game where the player (blue square) battles against the enemy (red square) with health and attack damage. The game automatically plays itself by deducting health from each combatant at regular intervals. Visual representation of health bars are included using canvas drawing.