Afk pixel space invaders player auto moves left or right 1 space at a time.auto shoots every .5 of a second at random color enemy pixels 1 pixel hit = 1 point's game

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

No:48516

100

←

Prev Next

→

Afk pixel space invaders player auto moves left or..ALL
Developer User18896｜Date and time 24/3/2 12:07:10
Build time 8.392 sec｜Game capacity 2.576KB｜

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">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pixel Space Invaders</title>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        const player = {x: 250, y: 500};
        let score = 0;
        let enemies = [];
        
        function init() {
            canvas.width = 500;
            canvas.height = 600;
            canvas.style.background = "#000";
            setInterval(updateGame, 1000/60);
            setInterval(shootEnemy, 500);
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            movePlayer();
            drawEnemies();
            checkCollision();
            drawScore();
        }

function drawPlayer() {
            ctx.fillStyle = "#00ff00";
            ctx.fillRect(player.x, player.y, 20, 20);
        }

function movePlayer() {
            document.onkeydown = function(e) {
                if (e.keyCode === 37 && player.x > 0) {
                    player.x -= 5;
                } else if (e.keyCode === 39 && player.x < 480) {
                    player.x += 5;
                }
            }
        }

function shootEnemy() {
            const enemy = {x: Math.floor(Math.random() * 490), y: 0, color: `#${Math.floor(Math.random()*16777215).toString(16)}`};
            enemies.push(enemy);
        }

function drawScore() {
            ctx.fillStyle = "#fff";
            ctx.font = "20px Arial";
            ctx.fillText(`Score: ${score}`, 10, 30);
        }

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