You have to k○ll aliens to survive's game

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

No:50796

←

Prev Next

→

You have to k○ll aliens to survive
Developer User21400｜Date and time 24/3/9 15:52:20
Build time 7.326 sec｜Game capacity 2.69KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Alien Invasion Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const player = {
            x: canvas.width / 2,
            y: canvas.height - 50,
            width: 50,
            height: 50,
            speed: 5
        };

let aliens = [];
        let alienSpeed = 2;
        let score = 0;

function createAlien() {
            const alien = {
                x: Math.random() * (canvas.width - 50),
                y: 0,
                width: 50,
                height: 50
            };
            aliens.push(alien);
        }

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

function drawAliens() {
            ctx.fillStyle = 'green';
            aliens.forEach(alien => {
                ctx.fillRect(alien.x, alien.y, alien.width, alien.height);
            });
        }

function moveAliens() {
            aliens.forEach(alien => {
                alien.y += alienSpeed;
            });
        }

function updateScore() {
            ctx.fillStyle = 'black';
            ctx.font = '24px Arial';
            ctx.fillText(`Score: ${score}`, 10, 30);
        }

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

drawPlayer();
            drawAliens();
            moveAliens();
            checkCollision();
            updateScore();

if (Math.random() < 0.02) {
                createAlien();
            }

requestAnimationFrame(gameLoop);
        }

window.addEventListener('keydown', e => {
            switch (e.key) {
                case 'ArrowLeft':
                    player.x -= player.speed;
                    break;
                case 'ArrowRight':
                    player.x += player.speed;
                    break;
            }
        });

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