AI game creator

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

No:47429

←

Prev Next

→

Idle space invaders
Developer User18896｜Date and time 24/2/28 3:12:01
Build time 9.33 sec｜Game capacity 1.886KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Idle Space Invaders</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

let score = 0;
        let invadersDefeated = 0;

let player = {
            x: canvas.width / 2,
            y: canvas.height - 30,
            width: 20,
            height: 20
        };

let invaders = [];

const invaderWidth = 20;
        const invaderHeight = 20;

function drawPlayer() {
            ctx.beginPath();
            ctx.rect(player.x, player.y, player.width, player.height);
            ctx.fillStyle = "blue";
            ctx.fill();
            ctx.closePath();
        }

function drawInvaders() {
            for (let i = 0; i < invaders.length; i++) {
                ctx.beginPath();
                ctx.rect(invaders[i].x, invaders[i].y, invaderWidth, invaderHeight);
                ctx.fillStyle = "red";
                ctx.fill();
                ctx.closePath();
            }
        }

function createInvader() {
            invaders.push({
                x: Math.random() * (canvas.width - invaderWidth),
                y: 0
            });
        }

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

drawPlayer();
            drawInvaders();

for (let i = 0; i < invaders.length; i++) {
                invaders[i].y += 1;
                if (invaders[i].y + invaderHeight > canvas.height) {
                    invaders.splice(i, 1);
                    score -= 10;
                }
            }

requestAnimationFrame(updateGame);
        }

setInterval(createInvader, 1000);

updateGame();
    </script>
</body>
</html>