Space invaders ai vs ai's game

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

No:52459

←

Prev Next

→

Space invaders ai vs ai
Developer User18896｜Date and time 24/3/22 9:14:51
Build time 6.373 sec｜Game capacity 1.588KB｜

Script

←

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>Space Invaders AI vs AI</title>
</head>
<body>
    <canvas id="gameCanvas" width="600" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const invader = {
            x: 280,
            y: 50,
            width: 40,
            height: 40,
            dx: 2,
            dy: 20
        };

const player = {
            x: 280,
            y: 350,
            width: 40,
            height: 40
        };

function drawInvader() {
            ctx.fillStyle = 'green';
            ctx.fillRect(invader.x, invader.y, invader.width, invader.height);
        }

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

function update() {
            invader.x += invader.dx;
            if (invader.x < 0 || invader.x + invader.width > canvas.width) {
                invader.dx = -invader.dx;
                invader.y += invader.dy;
            }

if (invader.y + invader.height > player.y) {
                alert('Game Over!');
                clearInterval(gameLoop);
            }

ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawInvader();
            drawPlayer();
        }

let gameLoop = setInterval(update, 20);
    </script>
</body>
</html>
```