Tower defence idle ai vs ai auto play shape wars tower in the middle shooting random shapes's game

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

No:52527

174

←

Prev Next

→

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

Script

Hope this helps!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shape Wars Tower Defense</title>
<style>
    canvas {
        display: block;
        margin: 0 auto;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>
<script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

const tower = {
        x: 200,
        y: 200,
        size: 20,
        color: "#00FF00",
        shootInterval: 1000,
        lastShootTime: 0
    };

const shapes = [];

function drawTower() {
        ctx.fillStyle = tower.color;
        ctx.beginPath();
        ctx.arc(tower.x, tower.y, tower.size, 0, Math.PI * 2);
        ctx.fill();
    }

function drawShapes() {
        shapes.forEach(shape => {
            ctx.fillStyle = shape.color;
            ctx.fillRect(shape.x - shape.size / 2, shape.y - shape.size / 2, shape.size, shape.size);
        });
    }

function updateShapes() {
        shapes.forEach(shape => {
            shape.x += Math.random() * 2 - 1;
            shape.y += Math.random() * 2 - 1;

if (shape.x < 0) shape.x = canvas.width;
            if (shape.x > canvas.width) shape.x = 0;
            if (shape.y < 0) shape.y = canvas.height;
            if (shape.y > canvas.height) shape.y = 0;
        });
    }

function spawnShape() {
        const newShape = {
            x: Math.random() * canvas.width,
            y: Math.random() * canvas.height,
            size: Math.floor(Math.random() * 10) + 5,
            color: `#${Math.floor(Math.random() * 16777215).toString(16)}`
        };

shapes.push(newShape);
    }

setInterval(spawnShape, 2000);

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

drawShapes();
        drawTower();

updateShapes();

requestAnimationFrame(gameLoop);
    }

gameLoop();
</script>
</body>
</html>
```
Hope this helps!