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

No:52522

190

←

Prev Next

→

Tower defence idle ai vs ai auto play shape wars
Developer User18896｜Date and time 24/3/22 11:37:16
Build time 21.958 sec｜Game capacity 2.53KB｜

Script

Shape Wars Tower Defense

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Shape Wars Tower Defense Game</title>
</head>
<body>

<h1>Shape Wars Tower Defense</h1>
<hr>

let playerShape = {
        x: 50,
        y: 300,
        width: 20,
        height: 20
    };

let enemyShapes = [];

let playerScore = 0;
    let isGameOver = false;

function drawPlayer() {
        ctx.fillStyle = "blue";
        ctx.fillRect(playerShape.x, playerShape.y, playerShape.width, playerShape.height);
    }

function drawEnemies() {
        ctx.fillStyle = "red";
        enemyShapes.forEach(enemy => {
            ctx.fillRect(enemy.x, enemy.y, enemy.width, enemy.height);
        });
    }

function checkCollision() {
        enemyShapes.forEach(enemy => {
            if (playerShape.x < enemy.x + enemy.width &&
                playerShape.x + playerShape.width > enemy.x &&
                playerShape.y < enemy.y + enemy.height &&
                playerShape.y + playerShape.height > enemy.y) {
                isGameOver = true;
            }
        });
    }

function drawScore() {
        ctx.fillStyle = "black";
        ctx.font = "24px Arial";
        ctx.fillText("Score: " + playerScore, 10, 50);
    }

function drawGame() {
        if (isGameOver) {
            ctx.fillStyle = "black";
            ctx.font = "36px Arial";
            ctx.fillText("Game Over!", canvas.width / 2 - 100, canvas.height / 2);
            return;
        }

ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
        drawEnemies();
        updateEnemies();
        checkCollision();
        drawScore();

requestAnimationFrame(drawGame);
    }

generateEnemies();
    drawGame();

</script>

</body>
</html>