A game about pirates fighting aliens's game

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

No:50005

←

Prev Next

→

A game about pirates fighting aliens
Developer User21218｜Date and time 24/3/7 13:52:03
Build time 7.425 sec｜Game capacity 2.173KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<!DOCTYPE html>
<html>

<head>
    <title>Pirates vs Aliens</title>
</head>

// Variables for game elements
        let pirate = {
            x: 50,
            y: 50,
            width: 50,
            height: 50
        };

let alien = {
            x: 700,
            y: 300,
            width: 50,
            height: 50
        };

// Draw function to render game elements
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw pirate
            ctx.fillStyle = 'blue';
            ctx.fillRect(pirate.x, pirate.y, pirate.width, pirate.height);

// Draw alien
            ctx.fillStyle = 'green';
            ctx.fillRect(alien.x, alien.y, alien.width, alien.height);
        }

// Keyboard controls for pirate
        document.addEventListener('keydown', function(event) {
            switch (event.key) {
                case 'ArrowUp':
                    pirate.y -= 10;
                    break;
                case 'ArrowDown':
                    pirate.y += 10;
                    break;
                case 'ArrowLeft':
                    pirate.x -= 10;
                    break;
                case 'ArrowRight':
                    pirate.x += 10;
                    break;
            }

draw();
        });

// Game loop to continuously update and render game
        function gameLoop() {
            draw();

// Collision detection
            if (pirate.x < alien.x + alien.width &&
                pirate.x + pirate.width > alien.x &&
                pirate.y < alien.y + alien.height &&
                pirate.y + pirate.height > alien.y) {
                alert('Pirate defeated the alien! Game over.');
                document.removeEventListener('keydown');
            }

requestAnimationFrame(gameLoop);
        }

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

</html>