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:48515

←

Prev Next

→

Afk pixel space invaders player auto moves left or..ALL
Developer User18896｜Date and time 24/3/2 12:05:42
Build time 12.235 sec｜Game capacity 3.905KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Pixel Space Invaders</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            background-color: #000;
        }

#game {
            width: 200px;
            height: 200px;
            background-color: #222;
            position: relative;
        }

.player {
            width: 10px;
            height: 10px;
            background-color: #fff;
            position: absolute;
            bottom: 0;
        }

.enemy {
            width: 10px;
            height: 10px;
            position: random;
        }

.bullet {
            width: 2px;
            height: 5px;
            background-color: #fff;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="game">
        <div class="player" id="player"></div>
    </div>

function createEnemy() {
            const enemy = document.createElement('div');
            enemy.className = 'enemy';
            enemy.style.top = '0';
            enemy.style.left = Math.floor(Math.random() * 190) + 'px';
            game.appendChild(enemy);
            enemies.push(enemy);
        }

function shoot() {
            const bullet = document.createElement('div');
            bullet.className = 'bullet';
            bullet.style.left = parseInt(player.style.left) + 4 + 'px';
            bullet.style.bottom = '10px';
            game.appendChild(bullet);
            bullets.push(bullet);
        }

function isCollide(a, b) {
            const aRect = a.getBoundingClientRect();
            const bRect = b.getBoundingClientRect();
        
            return !(
                aRect.top > bRect.bottom ||
                aRect.right < bRect.left ||
                aRect.bottom < bRect.top ||
                aRect.left > bRect.right
            );
        }

setInterval(gameLoop, 20);
        setInterval(shoot, 500);

</script>
</body>
</html>
```